乐趣区

自定义a标签的不可用状态

a 标签设置为不可用

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

设置颜色为灰色
停用事件响应
设置鼠标样式为默认样式 – 选择用的箭头样式

使用 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 中的样式

退出移动版