av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - AngularJS如何判斷不同情況設置不同背景色??

瀏覽:141日期:2024-03-16 11:18:11

問題描述

比如:

根據

<ul ng-repeat=’node in nodedata’ ><li style='list-style-type:none;'><span uib-popover='{{node.nodeIndex|getNodeNameFliter}}' popover-trigger='mouseenter' type='button' popover-placement='bottom'>{{node.nodeIndex|getNodeNameFliter}}</span> <i style='margin-left:10px;color:green;font-size:20px;'></i></li> </ul>

style='background:green;'`可以根據 node.status不同的值1,2,3,4設置red,yellow,green,black如何實現呢?

在線等,沒人會嗎?

問題解答

回答1:

html代碼:使用ng-style

<ul ng-repeat=’node in nodedata’><li style='list-style-type:none;'> <span ng- uib-popover='{{node.nodeIndex|getNodeNameFliter}}' popover-trigger='mouseenter' type='button' popover-placement='bottom'>{{node.nodeIndex|getNodeNameFliter}}</span> <i style='margin-left:10px;color:green;font-size:20px;'></i></li> </ul>

js代碼:

$scope.setColor = function (status) { var p = ''; if (1 == status) {p = ’red’; } else if (2 == status) {p = ’yellow’; } else if (3 == status) {p = ’green’; } else if (4 == status) {p = ’black’; } return {'background-color': p};};回答2:

據我所知CSS沒有這樣的功能,CSS最有名的是媒體查詢,它可以根據不同的屏幕大小,選用不用的CSS樣式。像題主這樣的要求,我想只能靠JS配合來實現了。

回答3:

現在居然還有用行內樣式的我的話會這么做<style>.backstyel1{background:red}.backstyel2{background:yellow}.backstyel3{background:green}.backstyel4{background:black}</style>

<span uib-popover='{{node.nodeIndex|getNodeNameFliter}}' popover-trigger='mouseenter' type='button' popover-placement='bottom'>{{node.nodeIndex|getNodeNameFliter}}</span> <i style='margin-left:10px;color:green;font-size:20px;'></i>

標簽: CSS
相關文章:
主站蜘蛛池模板: 成人精品在线视频 | 久久久久国产视频 | 一级黄在线观看 | 国产在线一区二区三区 | 一本大道久久a久久精二百 国产成人免费在线 | 噜啊噜在线 | 欧美激情久久久 | 天堂在线www| 国产精品99久久久久久久vr | 久久精品欧美一区二区三区不卡 | 日本在线播放一区二区 | 中文字幕国产第一页 | 在线观看视频91 | 国产精品一区二区av | 一区二区三区四区不卡视频 | 国产亚洲精品久久久久久豆腐 | 欧美日韩视频在线 | 久久久久久亚洲国产精品 | 亚洲综合色丁香婷婷六月图片 | 日本免费一区二区三区视频 | 精久久久| 国产精品视频一区二区三区四蜜臂 | 精品久久久久久亚洲综合网 | 四虎影院在线播放 | 婷婷免费在线 | 在线观看国产精品一区二区 | 国产精品成人一区二区三区吃奶 | 在线观看亚洲精品视频 | 久久久精品网站 | 污视频免费在线观看 | 日本精品一区二区三区在线观看视频 | 亚洲第一区久久 | 成人免费淫片aa视频免费 | 五月天激情电影 | 国产一区二区三区四区 | 国产精品久久亚洲 | 精品三级在线观看 | 国产综合视频 | 日韩在线免费视频 | 欧美激情黄色 | 蜜桃在线播放 |