Компоненты 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