從控制器動態加載Angular UI-Bootstrap手風琴

Question

我在控制器中使用一個數組來存儲名稱列表。 但是，根據用戶點擊的公司，該列表在加載頁面后會明顯改變很多次。

我有一個控制器方法將列表加載到數組中。 該數組被綁定為手風琴的多個<li>項目的來源。

如果頁面加載時它們存在，則這些項目顯示正常。 但是，我無法獲取列表以反映存儲在數組中的數據的任何更改。 知道如何在數組數據發生變化時更改accordian <li>項嗎？

視圖

  <uib-accordion close-others="oneAtATime">
    <uib-accordion-group is-open="status.open">
        <uib-accordion-heading>
            Users <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
        </uib-accordion-heading>
        <ul>
            <li ng-repeat="group in userList">{{group}}</li>
        </ul>
    </uib-accordion-group>
  </uib-accordion>

調節器

scope.userList = null;

var loadFirmUsersSuccess = function(data){
    scope.userList = $.map(data.data.data[0].theList, function(item){
        return item.billFirst + ' ' + item.billLast;
    });
};

Answer 1

感謝上面的評論，我意識到我錯誤地寫了return語句。 以下代碼有效。

    var loadFirmUsersSuccess = function(data){
        scope.userList = $.map(data.data.data[0].theList, function(item){
            return {id: item.id, name: item.billFirst + ' ' + item.billLast};
        });
    };