禁用mat-select不会从angular5的作用域中选取变量

Question

<div class="bulk-actions-container">
  {{ selectedInstances.length }}
    <mat-select placeholder="{{'common.bulk.actions.title'| translate }}" disabled="selectedInstances.length === 0">
        <mat-option [value]="'dueDate'">Change Due Date</mat-option>
    </mat-select>
</div>

肯定会出现奇怪的情况。 selectedInstances.length显示为1，但mat-select仍被禁用。我在做什么错？

Answer 1

您尚未指定Disabled属性绑定到表达式。您的代码将属性值设置为字符串selectedInstances.length === 0，当将其评估为布尔值时，这是正确的。尝试[disabled]="selectedInstances.length === 0"或disabled="{{selectedInstances.length === 0}}"