Javascript 有没有办法动态禁用angular multiselect（cuppa实验室）

我正在使用此链接中的多选下拉列表（cuppa labs），但我无法禁用该下拉列表

最初，如果我在设置中设置disabled:true工作正常，但我希望disabled:false最初，那么我需要在来自api的成功响应之后更改disabled:true

documentDropdownSettings = {
        text: "Required Document",
        badgeShowLimit: 3,
        enableSearchFilter: true,
        maxHeight: 150,
        classes: "myclass custom-class",
        showCheckbox: true,
        enableFilterSelectAll: false,
        disabled:false

    }

this.taskService.getTaskDetails(this.taskId, (success) => {    
   this.documentDropdownSettings.disabled=true
        }, (error) => {
    enter code here
        })

---

我想动态禁用下拉列表。

我认为问题在于设置对象是不可变的。 要使绑定生效，您需要更改对象引用而不是其属性

进行更改，并更改引用可能会起作用。 比如：

this.taskService.getTaskDetails(this.taskId, (success) => {    
     this.dropdownSettings['disabled'] = true;
     this.dropdownSettings = Object.assign({}, this.dropdownSettings);
   }, (error) => {
    enter code here
})

另外，他们的官方方法似乎有点笨拙，他们每次更改设置都会重新创建对象