Angular 6：为什么在<select> <option>中选择的属性不能与ngModel一起使用？

Question

我对Angular 6有一个问题：如果我使用基于元素（组合框）的组件，如果我以经典方式使用它，则一切正常（注意，我使用了selected属性：结果是在模板中，默认选项已经显示为选中状态，正如我期望的那样！）：   默认   值1   值2 问题是，如果我使用[[ngModel）]指令（ 它需要我一定要在组合框中输入值），由于某种原因，所选属性似乎不再起作用，并且组合框显示为空值作为所选选项。   默认   值1   值2 当然，这不是我希望选择保留ngModel指令的默认选项的行为。 我怎么解决这个问题？

Answer 1

因为Angular不依赖selected来检查值。

ngModel将HTML元素绑定到实际值：如果要默认选择一个值，则ngModel必须等于该值。

因此，在您的组件中，您应该拥有

value = 'default'; // or '1' or '2'

以便Angular在您的选择中获取正确的选项。