javascript - 从 Controller 动态加载 Angular UI-Bootstrap Accordion

Question

我在 Controller 中使用数组来存储名称列表。然而，根据用户点击的公司，该列表显然会在页面加载后多次更改。

我有一个 Controller 方法，可以将列表加载到数组中。该数组被绑定(bind)为多个 <li> 的源 Accordion 项目。

如果这些项目在页面加载时存在，则可以正常显示。但是，我无法让列表反射(reflect)数组中存储的数据的任何更改。知道如何改变 Accordion <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>

Controller

scope.userList = null;

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

Answer 1

感谢上面的评论，我意识到我错误地写了返回语句。下面的代码有效。

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