首页 文章

AngularDart组件和模型绑定

提问于
浏览
2

是否可以将AngularDart ngComponent绑定到模型,然后从组件中操作该模型,并查看ngComponent之外的更改之外的更改 . 例如

<myawsomecomponent ng-model="{{name}}"></myawesomecomponent>
<label>{{name}}</label>

myAwesomeComponent将对模型进行某种魔术(例如将所有字母大写),并且应该反映在组件之外 .

在AngularDart中做这样的事情的最佳方法是什么?

1 回答

  • 4

    好问题!要完成此任务,您需要将 NgModel 指令注入 myAwesomeComponent . 然后,您将能够通过 NgModel.modelValue 获取并设置模型 .

    @NgComponent(
      selector: 'myawesomecomponent',
      ...
    )
    class MyAwesomeComponent {
      NgModel _ngModel;
      MyAwesomeComponent(this._ngModel);
    
      ...
    }
    

    通过向元素添加 ng-model 属性,Angular会创建一个 NgModel 指令 . 注射系统将为您的特定元素提供 NgModel .

    看看如何编写其他NgModel指令,例如InputCheckboxDirective

相关问题