自定义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中的样式

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理