禁用列表项 Angular 8

Question

我想根据条件禁用列表项，请帮助我。 在此我想禁用 List2 如果禁用 = true。

Html

• {{列表1}}
• {{列表 2}}

typescript 禁用 = 真；

Answer 1

disabled属性不能在列表或列表项上设置，它只能用于以下 HTML 标签：

<button>    
<fieldset>  
<input> 
<keygen>    
<optgroup>  
<option>    
<select>    
<textarea>  

对于您的具体情况，您可以使用：

html

<li [class.disabled]="disabled"> something</li>

css：

li.disabled{
 cursor: not-allowed;
 opacity: .7;
}