在使用angular 7的某些条件下,如何禁用表内行?

时间:2019-04-10 13:05:08

标签: angular

所以我拥有的是带有行的表,而在某些条件下我需要禁用行。

我尝试使用[disabled] ='...',但据说'此处不允许使用[disabled]属性'

2 个答案:

答案 0 :(得分:0)

您可能应该尝试使用简单的[disabled]

,而不是使用*ngIf="condition"

答案 1 :(得分:0)

您可以使用CSS禁用特定行。

css:

.disabled {
 pointer-events: none;
}

然后在要禁用的行中应用该类。您可以在angular中使用ngClass,只有在满足某些条件时才会应用该类

HTML:

<div *ngFor="let item of items">
  <span [ngClass]="{'disabled':item.value === 'item'}">{{item.value}}</span>
</div>

如果item.value等于item,则以上代码将应用禁用的类。