共计 381 个字符,预计需要花费 1 分钟才能阅读完成。
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 中的样式
正文完