Angular4中使用[ngStyle]设置button的disabled属性，求解

Question

下拉列表中的每一项都是一个button，根据某个值判断这些button哪些是禁用哪些是启动？为什么我使用[ngStyle]控制disabled属性不奏效呢？

     <button md-menu-item *ngFor="let operate of operates;let i = index" (click)="setIsBusy(agent,operate)"
                    [ngStyle]="{'disabled' : operate?.light === false ? 'true' : 'false'}">
              <md-icon class="mr-0" [ngStyle]="{'color': operate?.light === true ? '#DC143C' : '#999'}">{{operate?.icon}}</md-icon>
              {{operate?.name}}
     </button>

Answer 1

哥，ngStyle配置的是CSS属性的，disabled是HTML属性啊。

你直接改成[disabled]="operate?.light === false ? 'true' : 'false'"

Answer 2

今天看了一下楼上的回答，实际测试了一下，无法生效，但思路是对的：
然后我再仔细去看了一下disabled的定义 w3c 上面说是true和false 非字符串：

正确的写法如下：[disabled]="isEdit === true ? true : false"