ng級不適用於手風琴標題

我有一個類定義應該將手風琴控制的面板標題變成紅色。類的定義如下ng級不適用於手風琴標題

.overridden .panel-heading { 
    background-color: red; 
}

當我指定此

<accordion-group ng-repeat="kvp in jobTemplate.jobMasterConfigGroups[$index].jobMasterConfigs" is-open="kvp.active" class="overridden">

的標題背景雲紅對所有行，所以它拿起類。但是，當我做

<accordion-group ng-repeat="kvp in jobTemplate.jobMasterConfigGroups[$index].jobMasterConfigs" is-open="kvp.active" ng-class="{'overridden': 1 == 1}">

它不會改變。我已經將表達式硬編碼爲1 == 1來強制一個真正的評估僅僅用於測試（我稍後將使用一個變量），但甚至無法在硬編碼的真實評估中使其顯示爲紅色。

任何想法，爲什麼會發生這種情況？

更新：我已經試過

<accordion-group ng-repeat="kvp in jobTemplate.jobMasterConfigGroups[$index].jobMasterConfigs" is-open="kvp.active" ng-class="{'overridden': 1 == 1}"> 
             <accordion-heading ng-class="{'overridden': kvp.isOverridden}"> 
              <div ng-class="{'overridden': kvp.isOverridden}"> 
               <i class="fa" ng-class="{'fa-minus': kvp.active, 'fa-plus': !kvp.active}"></i> 
               <span>Key: <strong>{{kvp.Key | cut:false:15}}</strong> Value: <strong>{{kvp.value | cut:false:50}}</strong></span> 
              </div> 
             </accordion-heading>

這使得紅色背景，但只有文字的背景下，不填充和整個手風琴標題背景。所以我已經證明了我的kvp.isOverridden作品，和ng-class指令一樣，但是我似乎無法讓類應用到accordion-header，所以我猜測我沒有定義正確的CSS或者試圖在錯誤的層面上覆蓋它。所有的手風琴的東西似乎都在bootstrap.css中，所以也許有另一種風格壓倒我試圖設置的東西？我需要什麼樣的CSS和覆蓋來讓手風琴標題控制被覆蓋？

更新2：以下覆蓋了我網站中所有面板的背景和工作原理，顯然我只想在此代碼塊上有條件地覆蓋它，但是這證實了它是我應用樣式的方式覆蓋默認的一個，這是問題

.panel-default >.panel-heading { 
    background-color: #5bc0de; 
}

來源

2016-09-12 NZJames

你可以使用accordion-heading指令爲標題

<accordion-group ng-repeat="kvp in jobTemplate.jobMasterConfigGroups[$index].jobMasterConfigs" 
is-open="kvp.active"> 
    <accordion-heading> 
     <i ng-class="{'overridden': 1 === 1}"></i> My Heading 
    </accordion-heading> 
    This is just some content to illustrate fancy headings. 
</accordion-group>

提供定製類

來源

2016-09-12 10:20:36

ng級不適用於手風琴標題

回答

相關問題