AngularDart组件和模型绑定

Question

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

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

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

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

Answer 1

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

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

  ...
}

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

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