angular.js - angularjs ng-class指令改变ng-click点击的class属性失效
问题描述
前端:
<p ng-app='ngApp' ng-controller='productPackagePullController'><dl style=’margin-top:8px;’><dt class='left'>{{sdata.spd1name}}: </dt><p class=’pd-spec-dets clearfix’><p class=’pd-spec-sb enable’ ng- ng-repeat='s in data'ng-bind='s.det_name1'ng-click='clickStatus(s)'></p></p></dl> </p>
js:
$scope.clickStatus = function(prop){ prop._hover = !prop._hover; var text = prop.det_name1;}
css:
<style type='text/css'> .pd-spec-sb { font-size: 12px; line-height: initial; display: inline-block; padding: 4px 6px; border: 1px solid #ccc; color: #aaa; margin-right: 5px; margin-bottom: 5px; float: left;}.pd-spec-sb.enable { color: #666; border: 1px solid #666;}.pd-spec-sb.hover { color: #ff9000; border: 1px solid #ff9000;}</style>
点击后不会给p增加hover属性,想要达到的效果是,点击p给该p增加hover属性,不知道哪里弄错了,刚学angularjs,麻烦解答一下
问题解答
回答1:我把你的代码放到jsFiddle上了,改了下,达到了你的要求,如果看不到效果就要翻墙了。Demo,
回答2:把ng-class中的selected换成hover把文档好好看下
相关文章:
1. java - 当系统出现线程死锁时怎么处理?2. angular.js - 关于指令link 中的创建变量问题3. angular.js - angularJS最简单方法实现点击checkbox,button变亮4. vue计算属性怎么样与for结合使用5. javascript - H5下拉能更换页面么 怎么实现 在左右滑的页面中6. angular.js - 前端使用input使用ng-model绑定数据,控制前中一直无法得到映射的值7. javascript - 请问微信jssdk自定义分享是不是不能用了?8. css - chrome和safari ul li表现布局不一致问题9. javascript - setTimeout第一个参数是立即执行函数,看不懂了10. javascript - 一行代码放在函数内与函数外的区别?