1

我在我的控制器中使用數組來存儲名稱列表。然而,取決於用戶點擊的公司,該頁面在頁面加載後會明顯改變很多次。從控制器動態加載Angular UI-Bootstrap手風琴

我有一個控制器方法,將列表加載到數組中。該陣列綁定爲多個<li>項目的來源。

這些項目顯示正常,如果它們在頁面加載時存在。但是我無法獲得列表以反映數組中存儲的數據的任何更改。任何想法如何更改數組數據更改時的手風琴<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; 
    }); 
}; 
+0

您確定loadFirmUsersSuccess()正確更新scope.userList嗎?我創建了一個快速plunk(https://plnkr.co/edit/FlsChWci1m5axYXCI3Co?p=preview),工作得很好。 – jbrown

+1

另外,loadFirmUsersSuccess()如何被調用?請分享更多你的控制器代碼。 – jbrown

+0

看起來這是一個數據問題,謝謝。 – NealR

回答

0

由於上面我意識到,我寫了return語句不正確的評論。下面的代碼工作。

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