Ng級不起作用彈出式模板離子。我究竟做錯了什麼？

我一直在用AngularJS和Ionic框架進行修補。現在我想在彈出窗口中顯示12個按鈕。我有這一切工作，但我希望按鈕時按鈕切換外觀。Ng級不起作用彈出式模板離子。我究竟做錯了什麼？

HTML

<label> 
<p>Fill in catergory name</p> 
<input type="text" placeholder="Rent"> 
</label> 
<br /> 
<br /> 

<div class="row"> 
<div class="col col-25"><button class="button button-outline" id="button12in" ng-class="button12 ? 'button12in' : 'button12inpress'" ng-click="button12 = !button12"> 
</div> 
</div>

正如你可以看到我一直在試圖用鈕釦12

app.js

$scope.button12 = false;

CSS

#button12in {background-color: #51FF00;} 


#button12inpress{border-style: solid; border-color: black; border-width: 4px;background-color: #51FF00;}

這樣的想法是點擊按鈕會改變$ scope.button12的狀態。這樣做的結果是，通過ng-class按鈕將改變樣式！但由於某種原因，這是不可能的。它拿起button12了變化的狀態，但納克級不是在各種語法。我試圖

來源

2015-12-17 Martijn Bos

我d o不相信表達式的工作原理是：'ng-class =「button12？ 'button12in'：'button12inpress'「'。that should be'ng-class =」{'button12in'：button12，'button12inpress'！button12}「' – ste2425

我已將它改爲'ng-class =」{'button12in '：button12，'button12inpress'：！button12}「'''和'ng-class ='{'button12in'button12，'button12inpress'！button12}'' 但他們都沒有工作:( –

看看http://stackoverflow.com/questions/24655033/change-button-style-according-to-state-angularjs –

我認爲工作應該是

ng-class="{'class': trueOrFalse}"

針對不同應用時，不同類別表達式求true：

<div ng-class="{class1 : expression1, class2 : expression2}"> 
    Hello World! 
</div>

若要應用多個類時表達式成立：

<!-- notice expression1 used twice --> 
<div ng-class="{class1 : expression1, class2 : expression1}"> 
    Hello World! 
</div>

或很簡單：

<div ng-class="{'class1 class2' : expression1}"> 
    Hello World! 
</div>

注意單引號周圍的CSS類。

或查看Adding multiple class using ng-class

來源

2015-12-17 13:23:09

不要直接$scope使用您的標誌，而是嘗試在$scope

例設置標誌的物體上使用$scope.flagContainer.button12而不是$scope.button12

$scope.flagContainer = { 
    button12 : false 
}

現在改變它的看法

來源

2015-12-17 13:44:17

Ng級不起作用彈出式模板離子。我究竟做錯了什麼？

回答

相關問題