Question

我有一个方案来比较组件html文件中的两个变量。例如

html：

<tr *ngFor="let item of mf.data">
    <td style="width: 20%">
        <input type="text" name="FirstName" value={{item.id}} [disabled]="!isEditable && item.id == id">
    </td>
     <td><i class="fa fa-pencil-square-o" aria-hidden="true" style="cursor: pointer;" (click)="showAsEditable(item);"></i></td>
</tr>

ts：

filterData;
id : string;
isEditable = false;

showAsEditable(temp){           
    this.isEditable = true;
    this.id = temp.id;
}

在上面的示例中，我想比较两个变量为

[disabled]="!isEditable && item.id == id"

但这实际上不是正确的比较，如何比较这两个不同的vartiabls。

Answer 1

我认为比较逻辑在这里有点混乱。

您在这里比较的是：

如果不可编辑并且我想要的项目，则禁用

但是你想要

如果否（是可编辑的和我想要的项目），则禁用

因此，您可以使用括号括起来，例如：

[disabled]="!(isEditable && item.id == id)"

比较两个变量

1 个答案: