裝訂材料 - 選擇我的模型

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。