如何在 AngularDart 组件的更改回调中获取选定的选项

Question

我想使用一个 select HTML 元素来过滤表格中的项目。为此，我有一个模型值selectedCategoryId 和事件回调onFilterCategory 用于更改事件。但是当回调被调用时，selectedCategoryId 的值是null。

我有以下 HTML sn-p:

<select id="category"
        class="form-control"
        [(ngModel)]="selectedCategoryId"
        (change)="onFilterCategory()">
    <option *ngFor="let category of categories"
            value="{{category.id}}">
        {{category.name}}
    </option>
</select>

还有下面的 dart sn-p:

void onFilterCategory() {
    print('onFilterCategory');
    print('this.selectedCategoryId: ' + this.selectedCategoryId);
}

我需要使用另一个回调吗？

Answer 1

ngModelChange 是事件，$event 是值

(ngModelChange)="onFilterCategory($event)"

与

 void onFilterCategory(String value) {

因为你有2路绑定

[(ngModel)]="selectedCategoryId"

你也可以使用

(ngModelChange)="onFilterCategory()"

onFilterCategory() 在您的问题中。

change 事件不起作用，因为它触发得太早 - 在 [(ngModel)]="selectedCategoryId" 能够更新 selectedCategoryId 之前。