装订材料 - 选择我的模型

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

连接二传手您selectModel成员，并运行代码在那里以及更新“真正的”价值（私人会员）。当然你需要匹配的getter。

Answer 3

我希望，如果这live example可以帮助你，如果有兴趣看到source code。