Status.Open не возвращает никакого значения в Angular UI Bootstrap Accordion

Question

Я сталкиваюсь с проблемой с аккордеоном угловой начальной загрузки UI. Я использую аккордеон, чтобы показывать часто задаваемые вопросы в моем приложении. Теперь проблема заключается в том, что "status.open" не возвращает никакого значения, из-за которого класс "chevron icon" не переключается.

Пожалуйста, смотрите ниже код:

 <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();
                }
        };

Answer 1

Я нашел решение своей проблемы:). добавленной

является открытой = "this.open"

<accordion-group ng-repeat="faq in FAQs" is-open="this.open">