Angularjs指令改變輸入框的顏色

Question

我使用的是angularjs，我很新，我需要一個指令，根據條件它將改變具有指令屬性的輸入框的背景顏色。我如何接受調用元素來改變它的背景。

Answer 1

你可以用ng-style做到這一點，無論如何，如果你真的需要它包裹在我爲你製作的指令中Plunkr

它會在輸入更改後立即更新。

我在那裏做的是觀察顏色變化，並將其設置爲指令中的ng-style並將其轉換。

Answer 2

這裏是它會是什麼樣子使用納克級的工作例如： View Demo

<div ng-app> 
<form> 
    <input type="text" ng-class="{ error: faulty }" size="30"/> 
    <input type="checkbox" ng-model="faulty"/> check me 
</form> 

.error { 
    background-color:red; 
    border:2px solid blue; 
} 

Answer 3

請看下面的例子。

我創建指令輸入框要做到這一點

<input-Box is-maximized="isMaximized" /> 

該指令是

<input type="input" ng-class="{mini: (isMaximized == 1), box: (isMaximized == 0)}" /> 

二手NG級，改變基於條件的顏色。如果在父控制器中將isMaximized設置爲1，則它將應用迷你類，如果它設置爲0，它將應用盒類。

http://plnkr.co/edit/ELi3XHk5xWaKMP4MCL2F?p=preview