国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJS入門教程之ng-class 指令用法

2019-11-20 09:22:15
字體:
來源:轉載
供稿:網友

AngularJS ng-class 指令

AngularJS 實例

修改 <div> 元素的類:

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script><style>.sky { color:white; background-color:lightblue; padding:20px; font-family:"Courier New";}.tomato { background-color:coral; padding:40px; font-family:Verdana;}</style></head><body ng-app=""><p>選擇一個類:</p><select ng-model="home"><option value="sky">天空色</option><option value="tomato">番茄色</option></select><div ng-class="home"> <h1>Welcome Home!</h1> <p>I like it!</p></div></body></html>

定義和用法

ng-class 指令用于給 HTML 元素動態綁定一個或多個 CSS 類。

ng-class 指令的值可以是字符串,對象,或一個數組。

如果是字符串,多個類名使用空格分隔。

如果是對象,需要使用 key-value 對,key 是一個布爾值,value 為你想要添加的類名。只有在 key 為 true 時類才會被添加。

如果是數組,可以由字符串或對象組合組成,數組的元素可以是字符串或對象。

語法

<element ng-class="expression"></element>

所有的 HTML 元素都支持。

參數值

描述
expression 表達式返回一個或多個類名。

以上就是對AngularJS ng-class 指令資料的整理,有需要的朋友參考下。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 武汉市| 含山县| 务川| 宜君县| 固始县| 宁陕县| 孝感市| 富顺县| 抚远县| 巩留县| 咸宁市| 井研县| 从江县| 阳新县| 沾化县| 昌吉市| 锦屏县| 大姚县| 类乌齐县| 庄浪县| 杭州市| 区。| 探索| 湘西| 富蕴县| 兰溪市| 乡宁县| 江阴市| 濮阳市| 积石山| 大邑县| 闻喜县| 甘德县| 永州市| 芮城县| 华坪县| 宜昌市| 宜兰县| 漾濞| 海城市| 金华市|