Angular 中自定义a标签样式为不可用
程序员文章站
2022-03-02 15:30:37
...
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
中的样式