禁用列表項 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;
}