2014-05-21 46 views
0

我正在做Angularjs項目,我需要根據條件凍結一個div。我試圖使用ng-disabled但它不凍結一個div給我。這是密碼如何凍結angularjs中的div?

<div ng-repeat="item in list.items" ng-disabled="true"> 

幫助將非常感激。

編輯:

<div ng-repeat="item in list.items" ng-click="goToFunction()" ng-disabled="true"> 

現在我還有一個問題,因爲你們建議我,我可以更改CSS。但問題是每個div都得到了ng-click所以即使它看起來像在CSS中禁用它將調用該函數。那我該如何預防呢?

感謝高級。

+1

你這是什麼意思FREEZ? –

+0

實際上凍結意味着禁用。顏色褪色且亮度較低。像點擊複選框時的按鈕。 http://jsfiddle.net/simpulton/q8r4e/ – Cyrex

+0

你的意思是它看起來像禁用。如果是的話,你可以使用ng-class來應用看起來像禁用條件的css。 –

回答

2

如果你正在使用bootstrap3,您可以使用文本靜默的類,如果div包含文本和基於條件

<div ng-repeat="item in list.items" ng-class="{'text-muted':item.myCondition}"> 

DIV元素犯規支持應用樣式禁用屬性。

或者您可以使用CSS來使div元素支持該屬性。

<div ng-repeat="item in list.items" ng-disabled="item.myCondition"> 

CSS

div[disabled]{ 
    color:grey; 
} 
0

您正在嘗試使用ng-disabled中的DIV,其中無效。您可以通過像這樣有條件地應用css類來實現此目的。

<div class="box" ng-repeat="item in items" ng-class="{'disable-mode':item%2==0,'normal-mode':item%2!=0}"> 

</div> 

Working Demo

+0

如果我在那個div中有'ng-click'我可以禁用那個ng-click取決於條件 – Cyrex

+0

不,你可以「T。但是你可以有兩個DIV,其中一個使用ng-click,一個不使用ng-click。在你的情況下使用ng-if,這樣你就可以達到你想要的。 –