angularjs - 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