angular ui ブートストラップのアコーディオンの問題に直面しています。アプリケーションでよくある質問を表示するためにアコーディオンを使用しています。現在の問題は、「山形アイコン」クラスがトグルしていないため、「status.open」が値を返さないことです。
以下のコードを参照してください。
<div>
<accordion close-others="true">
<accordion-group ng-repeat="faq in FAQs">
<accordion-heading>
<div>
{{faq.title}}<i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-up': status.open, 'glyphicon-chevron-down': !status.open}"></i>
</div>
</accordion-heading>
<div ng-bind-html="faq.description"></div>
</accordion-group>
</accordion>
</div>
私は自分のアプリとコントローラーでアコーディオンを使用しています。
function ($scope, FAQService) {
$scope.FAQs = [];
$scope.GetFAQByCategory = function() {
$scope.response = '';
var responsePromise = FAQService.GetFAQs();
responsePromise.then(function(faqData) {
$(faqData).each(function(index, key) {
$scope.FAQs.push(
{
title: faqData[index].Title,
description: faqData[index].Description,
category: faqData[index].Category.Label
});
} );
});
if (!$scope.$root.$$phase) {
$scope.$apply();
}
};