Question

我有一个简单的用例 - 我有一个我在AngularDart应用程序中使用的丰富对象模型，我想要一个组件向我展示模型的一个字段的当前状态，我想调用一个选择改变时模型上的方法（最终会更新绑定到的字段）。

这样的事情：

APP-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();
}

APP-component.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) {
  ...
}

Answer 2

将一个setter附加到您的selectModel成员，并在其中运行代码以及更新＆＃34; real＆＃34;价值（私人会员）。当然，你需要匹配的吸气剂。

Answer 3

我希望如果live example可以为您提供帮助，如果有兴趣请参阅source code。

绑定材料 - 选择我的模型

3 个答案: