Disable list item Angular 8

Question

I want to disable list item based on condition please help me in this. In this i want to disable List2 if disable = true.

Html

• {{List1}}
• {{List 2}}

typescript disable = true;

Answer 1

disabled attribute cannot be set on a list or a list item, it can only be used on the following HTML tags:

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

for your specific case, you can use this:

html

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

css:

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