自定義a標籤的不可用狀態

a標籤設置爲不可用

  • a標籤沒有disabled屬性,因此要本身手動製做不可用狀態css

    1. 設置顏色爲灰色
    2. 停用事件響應
    3. 設置鼠標樣式爲默認樣式 - 選擇用的箭頭樣式
  • 使用ngClass爲a標籤設定樣式
    <a (click)="insertNodeSibling()" [ngClass]="{'disableA': brotherNodeDisabled}">新增同級</a>
    上面代碼中disableA表示CSS中的樣式類,當後面的變量brotherNodeDisabledtrue時前面的樣式disableA生效
    相反則不生效
  • 樣式代碼:this

    .disableA{
      pointer-events: none;
      cursor: default;
      color:gray;
    }
  • 更改樣式:
    使用代碼this.brotherNodeDisabled=true;修改變量的truefalse,則會觸發或者關閉CSS中的樣式
相關文章
相關標籤/搜索