angular中实现li或者某个元素点击变色的两种方法

网友投稿 297 2023-04-25


angular中实现li或者某个元素点击变色的两种方法

本文介绍了angular中实现li或者某个元素点击变色的两种方法,分享给大家,希望对大家有帮助

先说一种最直接了当的不需要js控制。

方法一:直接在用ng-class就可以控制:

浮伤年华

忧伤说笑

在style里面设置如下:

这样就会点哪个哪个变色了。

方法二:style同上,hetml如下:

剧情再美

<p ng-click="isActive(2)" class="{{i==2?'active':''}}">终究是戏

js代码如下:

$scope.isActive=function(i){

$scope.i=i;

}

若想要第一个默认为有颜色的,则在js里面加如下即可:

$scope.i=1;


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:bootstrap datepicker插件默认英文修改为中文
下一篇:java 实现局域网文件传输的实例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~