請問AngularJs ng類動態更改css

如何根據條件動態地在ng-class中應用css類。請問AngularJs ng類動態更改css

代碼： <input type="text" id="ProcessRight_SearchUserLeft" class="inputSearch" placeholder="Search" ng-model="selectedUserOne" ng-class=""/>

問：如果我有狀態布爾selecteduser如果是真紅要申請，否則綠色想申請

來源

2015-05-27 Santhose Kumar

想要動態應用css嗎？是嗎？ –

你需要更具體的與你想要的幫助。請進一步解釋。 – adamjld

是的，現在我編輯了。 –

如果你問，如果你能更改CSS類動態地使用ng-class。答案是肯定的。

例如，如果在您的視圖中，您可以將模型中的字段設置爲true，然後根據該字段的值使用ng-class動態設置類屬性。

<!-- toggle a variable to true or false --> 
<input type="checkbox" ng-model="someclass"> Use Some Class? 
<input type="checkbox" ng-model="someotherclass"> Use Some Other Class? 

<!-- add the class 'some-class' if the variable 'someclass' is true --> 
<div ng-class="{ 'some-class': someclass, 'some-other-class': someotherclass }">

來源

2015-05-27 13:26:30 Donal

真棒謝謝Donal。 –

@SanthoseKumar很樂意爲您服務。 – Donal

請問AngularJs ng類動態更改css

回答

相關問題