是否可以将AngularDart ngComponent绑定到模型,然后从组件中操作该模型,并查看ngComponent之外的更改之外的更改 . 例如
<myawsomecomponent ng-model="{{name}}"></myawesomecomponent> <label>{{name}}</label>
myAwesomeComponent将对模型进行某种魔术(例如将所有字母大写),并且应该反映在组件之外 .
在AngularDart中做这样的事情的最佳方法是什么?
好问题!要完成此任务,您需要将 NgModel 指令注入 myAwesomeComponent . 然后,您将能够通过 NgModel.modelValue 获取并设置模型 .
NgModel
myAwesomeComponent
NgModel.modelValue
@NgComponent( selector: 'myawesomecomponent', ... ) class MyAwesomeComponent { NgModel _ngModel; MyAwesomeComponent(this._ngModel); ... }
通过向元素添加 ng-model 属性,Angular会创建一个 NgModel 指令 . 注射系统将为您的特定元素提供 NgModel .
ng-model
看看如何编写其他NgModel指令,例如InputCheckboxDirective
1 回答
好问题!要完成此任务,您需要将
NgModel
指令注入myAwesomeComponent
. 然后,您将能够通过NgModel.modelValue
获取并设置模型 .通过向元素添加
ng-model
属性,Angular会创建一个NgModel
指令 . 注射系统将为您的特定元素提供NgModel
.看看如何编写其他NgModel指令,例如InputCheckboxDirective