У меня есть простой вариант использования: у меня есть богатая объектная модель, которую я использую в приложении AngularDart, и я хочу, чтобы компонент показывал мне текущее состояние одного из полей модели, И я хочу вызвать метод для модель при изменении выбора (что в конечном итоге обновит поле, привязанное к ).
Что-то вроде этого:
приложение-component.dart:
@Component(
selector: 'my-app',
styleUrls: const ['app_component.css'],
templateUrl: 'app_component.html',
directives: const [CORE_DIRECTIVES, materialDirectives],
providers: const [materialProviders],
)
class AppComponent {
Model myModel = new MyModel();
SelectionModel<String> selectModel = new SelectionModel();
}
приложение-component.html:
<material-dropdown-select
[options]='myModel.listOfOptions'
[buttonText]='myModel.currentOption'
[selection]='selectModel'>
<!-- call myModel.changeOption(selectedOption) when selection changes -->
</material-dropdown-select>