时间戳

首页 > 解决方案 > 的奇怪行为带有 ngModel 的组件我正在使用 Angular 6 开发一个 Web 应用程序。如果我创建一个模拟 HTML <select> 的自定义组件，当它被另一个组件引用时，我无法使其具有默认值！您可以在以下链接中找到（简单）应用程序代码： stackblitz here 在这个问题中，我询问了如何在 ngModel 存在时设置默认值（ <option> 的 selected 属性不再起作用！）。如您所见，我的输入选择自定义组件初始化值（链接到 ngMod

问题描述

标签： htmlangular6componentshtml-selectngmodel

解决方案

你使用过ngModel但没有绑定任何东西，所以 Angular 不知道它应该绑定什么值。您应该绑定ngModel包含property默认值的哪个。

<form #form="ngForm" (ngSubmit)="onSubmit(form.value)">
  <input-select
  name="name"
  [options]="my_options"
  [(ngModel)]="value"
  ></input-select>

  <input type="submit" value="Submit"/>
</form>

工作副本在这里 - https://stackblitz.com/edit/angular-qanpuu

推荐阅读