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
相關文章:
主站蜘蛛池模板: 久久看精品| 久久成人18免费网站 | a在线视频 | 亚洲女人天堂网 | 国产精品国色综合久久 | 国产一区二区三区免费 | 国产一区不卡 | 欧美日韩国产精品一区 | 91就要激情 | 91视频一区二区三区 | 日本黄色大片免费 | 视频三区| 黄视频网站免费观看 | 黄色一级电影在线观看 | 国产精品自拍一区 | 91精品中文字幕一区二区三区 | 天堂综合网| 国产精品久久免费观看 | 高清av在线| 91在线精品秘密一区二区 | 国产精品一区二区不卡 | 久久精品一区二区视频 | 嫩草视频在线看 | 啪啪网页 | 青青操91| 美女久久 | 精品国偷自产在线 | 久久久91精品国产一区二区三区 | 亚洲成人黄色 | 四虎永久影院 | 国产大片黄色 | 欧美精品久久久 | 国产精品视频偷伦精品视频 | 99精品国产一区二区三区 | 国产成人一区二区三区精 | 精品日韩一区二区 | 久久精品色欧美aⅴ一区二区 | 国产视频精品视频 | 欧美区精品 | 中文字幕一区二区三区在线视频 | 国产精品久久久久久久久久久久久 |