Question

我将Angular软件包用于语义UI https://edcarroll.github.io/ng2-semantic-ui/#/getting-started

我有一个可搜索的下拉菜单，如下所示：

<sui-select class="selection" [options]="myOptionsModel" [isSearchable]="true" #questionSearch>
  <sui-select-option *ngFor="let option of questionSearch.filteredOptions" [value]="option"></sui-select-option>
</sui-select>

每当我更新myOptionsModel时，select中的选项都不会相应更新。（即，如果我添加或删除某项，则更改不会得到反映）

这是我更新myOptionsModel的方式：在某个按钮发生点击事件后，此函数称为：

addOption(name: string, id: number) {
  this.myOptionsModel.push({name: name, id: id})
}

我尝试了多种方法，例如使用optionsLookUp，但没有运气。您能帮忙吗？

Answer 1

您正尝试使用 sync 逻辑更新 async 对象。

myOptionsModel 应该是可观察的 然后您的HTML模板可以绑定到其更改

TS文件

{{1}}

HTML文件

{{1}}

选项模型更改时，角度随选选项未更新

1 个答案: