angularJS ngClass如何使用

2021-09-07 03:30:03 字數 1732 閱讀 3962

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

script

src="angular-1.3.0.js"

>

script

>

head

>

<

body

>

<

style

>

.it.curr

.fs18

.pd20

style

>

<

pre>

1.字串陣列形式。

<

div

ng-class

="[isactive]"

><

/div

>

相當於對這個求值:()[false] ()[true]

即 var ct=;

ct[true]或ct[false]得到值為'active'或 'inactive'

2.scope變數繫結,(不推薦使用)

$scope.test =「classname」;

<

div

class

=」}」

><

/div

>

3. 象key/value方式,處理class混合

<

div

ng-class

=""><

/div

>

pre>

<

div

ng-controller

="cartcontroller"

>

<

div

class

="it }"

>scope變數繫結

div>

<

div

class

="it"

ng-click

="selm()"

ng-class

="[isactive]"

>字串陣列形式,單擊

div>

<

div

class

="it"

ng-class

=""ng-click

="selm3()"

>物件key/value方式,處理class混合..將應用it fs18 pd20 。其中it是預設的

div>

div>

<

script

>

var=

angular.module(''

,);//

'cartcontroller',

function

($scope)

//第3種方式

$scope.isfs

=false

; $scope.ispd

=false

; $scope.selm3

=function

() });

script

>

body

>

html

>

如何使jQuery高效

1 快取變數 少用選擇器 element element h element.height 2 避免全域性變數 3 在變數前加 字首,便於識別出jquery物件。4 使用on 不要使用單獨的click 等方法 注釋 bind 是直接繫結在元素上 live 則是通過冒泡的方式來繫結到元素上的。更適合列...

如何使DIV層居中

用css如何使div層水平居中 這兩天開始對網誌進行大刀闊斧的頁面更改.今天碰到個很棘手的問題,div本身沒有定義自己居中的屬性,網上很多的方法都是介紹用上級的text align center然後巢狀一層div來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論 正確的也是對...

如何使電腦進入DOS

xp也能啟動純dos 使用方法 boot loader timeout 6 default multi 0 disk 0 rdisk 0 partition 2 windows operating systems multi 0 disk 0 rdisk 0 partition 2 windows ...