a
標籤沒有disabled
屬性,因此要本身手動製做不可用狀態css
- 設置顏色爲灰色
- 停用事件響應
- 設置鼠標樣式爲默認樣式 - 選擇用的箭頭樣式
<a (click)="insertNodeSibling()" [ngClass]="{'disableA': brotherNodeDisabled}">新增同級</a>
disableA
表示CSS
中的樣式類,當後面的變量brotherNodeDisabled
爲true
時前面的樣式disableA
生效樣式代碼:this
.disableA{ pointer-events: none; cursor: default; color:gray; }
this.brotherNodeDisabled=true;
修改變量的true
和false
,則會觸發或者關閉CSS
中的樣式