angular.js - angularjs ng-class指令改變ng-click點(diǎn)擊的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>
點(diǎn)擊后不會給p增加hover屬性,想要達(dá)到的效果是,點(diǎn)擊p給該p增加hover屬性,不知道哪里弄錯(cuò)了,剛學(xué)angularjs,麻煩解答一下
問題解答
回答1:我把你的代碼放到j(luò)sFiddle上了,改了下,達(dá)到了你的要求,如果看不到效果就要翻墻了。Demo,
回答2:把ng-class中的selected換成hover把文檔好好看下
相關(guān)文章:
1. 數(shù)組按鍵值封裝!2. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題3. docker不顯示端口映射呢?4. python - flask _sqlalchemy 能否用中文作為索引條件5. java - 阿里的開發(fā)手冊中為什么禁用map來作為查詢的接受類?6. python3.x - git bash如何運(yùn)行.bat文件?7. javascript - ES6規(guī)范下 repeat 函數(shù)報(bào)錯(cuò) Invalid count value8. html5 - 使用echarts中的圖表 一個(gè)頁面導(dǎo)入了好幾個(gè)js圖表 實(shí)現(xiàn)echarts圖表隨著瀏覽器窗口變化而變化時(shí)出現(xiàn)了問題9. javascript - webpack中alias配置中的“@”是什么意思?10. javascript - 為什么創(chuàng)建多行多列的表格最后只有一行內(nèi)有表格
