<select> 组件与 ngModel 的奇怪行为
克劳迪奥兹
我正在使用 Angular 6 开发一个 web 应用程序。如果我创建一个模拟 HTML 的自定义组件，<select>当它被另一个组件引用时，我不能让它具有默认值！您可以在以下链接中找到（简单）应用程序代码：stackblitz here
在这个问题中，我询问了如何在ngModel存在时设置默认值（ 的selected属性<option>不再起作用！）。如您所见，我的input-select自定义组件初始化value（链接到 ngModel 的值）。
value: any = 'default';
然而不幸的是，该组件显示如下：
正如您所看到的控制台，在提交时，打印以下内容：
我不希望这种情况出现：我想要一个带有预选值的组合框。我不明白这个应用程序有什么问题。
苏尼尔·辛格
您使用过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>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
反应组件与箭头函数奇怪的行为
- 2
子组件向父组件发出的事件的奇怪行为
- 3
Select2 对象的奇怪行为
- 4
跨组件绑定ngModel值
- 5
如何使 ngModel 在组件之间可用
- 6
在Angularjs 1.6.1中使用多个transclude组件的奇怪行为
- 7
Select元素的奇怪行为取决于DOM顺序
- 8
Chrome中带有HTML select的奇怪行为
- 9
Rails-奇怪的time_select越野车行为
- 10
Select元素的奇怪行为取决于DOM顺序
- 11
子组件中的Angular 2 ngModel更新父组件属性
- 12
Chrome在组件中的嵌套指令中的奇怪AngularJS 1.5行为
- 13
更新jQuery更改的Select的Angular ngModel
- 14
角度：[（ngModel）]未预设<select>标签值
- 15
ngModel覆盖ngSelected在select> option元素上
- 16
[（NgModel）]是否更新行为主题？
- 17
将ngModel与自定义组件一起使用
- 18
Angular2 ngModel验证器仅在组件中
- 19
ngModel的Angular 2组件不更新父模型
- 20
如何从另一个组件访问[（ngModel）]？
- 21
在Angular2中将组件与ngModel集成
- 22
Angular 6 [(ngModel)] 不改变组件中的变量
- 23
ngModel 属性在我的子 html 组件中不起作用
- 24
如何在 NgModel 组件和管道角度之间进行通信
- 25
从组件到行为的转换
- 26
SQL。带有添加的“是”或“否”列的Select语句回答行为很奇怪
- 27
奇怪的行为
- 28
奇怪的行为
- 29
奇怪的行为
我来说两句