dart - 将 Material 选择绑定(bind)到我的模型

Question

我有一个简单的用例——我在 AngularDart 应用程序中使用了一个丰富的对象模型，我想要一个组件来向我展示模型的一个字段的当前状态，并且我想在选择更改时的模型(最终将更新绑定(bind)到 的字段)。

像这样的东西:

应用组件.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();
}

应用组件.html:

<material-dropdown-select
   [options]='myModel.listOfOptions'
   [buttonText]='myModel.currentOption'
   [selection]='selectModel'>
   <!-- call myModel.changeOption(selectedOption) when selection changes -->
</material-dropdown-select>

Answer 1

selectModel.selectionChanges.listen(update);

void update(List<SelectionChangeRecord> record) {
  ...
}