我知道我有點遲到了,但誰不想用純CSS來解決這個問題,不使用指令的人,你可以做一個CSS類是這樣的:
select.blueSelect option[value="false"]{
color:#01aac7;
}
這個CSS規則說:找到所有具有值=假的標籤名稱爲'選項'的每個'選擇'中有一個類「blueSelect」,並使文本顏色#01aac7; (藍色陰影)
你的情況,你的HTML看起來像這樣:
<select class="form-control blueSelect" name="persons" id="persons1"
ng-options="person as person.name for person in $ctrl.persons track by person.Eligible"
ng-model="$ctrl.selectedPerson" required>
<option disabled selected value="">Default value</option>
</select>
由NG選項裏面的曲目是什麼將舉行什麼來跟蹤的選項,或「值「每個選項的字段。請注意,根據您的項目需求,您可能需要做一些調整才能按照您的要求進行此項工作。
但是,如果有多個選項具有相同的「合格」字段值,那麼這種方法無法正常工作。因此,爲了實現這一點,我們創建了一個複合表達式來跟蹤,這樣我們就可以在每個選項中擁有唯一的值來跟蹤。在這種情況下,我們結合這兩個字段名稱和符合條件的
所以,現在我們的HTML看起來像這樣
<select class="form-control blueSelect" name="persons" id="persons2"
ng-options="person as person.name for person in $ctrl.persons track by (person.name + person.Eligible)"
ng-model="$ctrl.selectedPerson" required>
<option disabled selected value="">Default value</option>
</select>
和我們的CSS:
select.blueSelect option[value*="False"]{
color:#01aac7;
}
公告的*未來價值,這是一個正則表達式,意思是在選項元素的值字段中的某處找到單詞「False」。
快速編輯 您也可以選擇禁用與合格=使用虛假的選項「禁用時」中的NG選項表達,例如:
標籤禁用時禁用爲值在陣列軌道由trackexpr
我會留下怎樣使用你的情況爲你找出;-)
這適用於簡單的CSS的修改,對於更復雜的東西,你可能需要一個指令或其他方法。測試鉻。
我希望這可以幫助一個人在那裏。 :-)
使用指令循環選項,並將類應用於選項標籤,滿足條件 – charlietfl 2013-03-07 06:46:54
是的,我可以做到這一點,但沒有任何方式直接做到這一點?我的意思是在這裏必須有一種方法來使用ng-class。 – 2013-03-07 08:12:10
供參考:我已經更新了我的答案,因爲它有一些錯誤。不知道這是否會影響當前代碼庫中的任何內容,但是如果您在使用之前發佈的內容,可能需要查看一下。 – 2013-11-30 03:18:16