Angular 中自定义a标签样式为不可用

a标签设置为不可用

• a标签没有disabled属性，所以要自己手动制作不可用状态

  1. 设置颜色为灰色
  2. 停用事件响应
  3. 设置鼠标样式为默认样式 - 选择用的箭头样式

• 使用ngClass为a标签设定样式
  <a (click)="insertNodeSibling()" [ngClass]="{'disableA': brotherNodeDisabled}">新增同级</a>
  上面代码中disableA表示CSS中的样式类，当后面的变量brotherNodeDisabled为true时前面的样式disableA生效
  相反则不生效

• 样式代码：

  .disableA{
    pointer-events: none;
    cursor: default;
    color:gray;
  }
  

• 更改样式：
  使用代码this.brotherNodeDisabled=true;修改变量的true和false，则会触发或者关闭CSS中的样式