从控制器动态加载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};
        });
    };