是否可以将 AngularDart ngComponent 绑定到模型,然后从组件操作该模型,并查看 ngComponent 外部更改之外的更改。例如
<myawsomecomponent ng-model="{{name}}"></myawesomecomponent>
<label>{{name}}</label>
myAwesomeComponent 将对模型执行某种魔法(例如将所有字母大写),这应该反映在组件外部。
在 AngularDart 中做这样的事情最好的方法是什么?
好问题!为了完成这个任务,你需要注入NgModel
指令进入myAwesomeComponent
。然后你就可以通过以下方式获取和设置模型NgModel.modelValue
.
@NgComponent(
selector: 'myawesomecomponent',
...
)
class MyAwesomeComponent {
NgModel _ngModel;
MyAwesomeComponent(this._ngModel);
...
}
通过添加一个ng-model
属性到你的元素,Angular 会创建一个NgModel
指示。注射系统将为您提供NgModel
对于您的特定元素。
看看其他NgModel指令是怎么写的,比如输入复选框指令 https://github.com/angular/angular.dart/blob/master/lib/directive/ng_model.dart#L74
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)