AngularJS ng-class 指令
AngularJS 實例
修改<div> 元素的類:
< select ng-model= "home" >
< option value= "sky" > Sky < /option >
< option value= "tomato" > Tomato < /option >
< /select >
< div ng-class= "home" >
< h1 > Welcome Home! < /h1 >
< p > I like it! < /p >
< /div >
< option value= "sky" > Sky < /option >
< option value= "tomato" > Tomato < /option >
< /select >
< div ng-class= "home" >
< h1 > Welcome Home! < /h1 >
< p > I like it! < /p >
< /div >
嘗試一下»
定義和用法
ng-class指令用於給HTML元素動態綁定一個或多個CSS類。
ng-class
指令的值可以是字符串,對象,或一個數組。
如果是字符串,多個類名使用空格分隔。
如果是對象,需要使用key-value 對,key 為你想要添加的類名,value 是一個布爾值。 只有在value 為true 時類才會被添加。
如果是數組,可以由字符串或對象組合組成,數組的元素可以是字符串或對象。
語法
< element ng-class= " expression " > < / element >
所有的HTML 元素都支持。
參數值
值 | 描述 |
---|---|
expression | 表達式返回一個或多個類名。 |