服务中的数组开始为空(或为了调试目的,使用虚拟值[“A”,“B”,“C”]),然后查询服务器来初始化列表.不幸的是,我的所有控制器似乎都绑定到阵列的预先查询的版本 – 在我的应用程序中,我看到的是我初始化了数组的虚拟值.

我的目标是将数组绑定到我的控制器中,这样Angular将意识到数组已被更新,并导致我的视​​图在数组更改时重新呈现,而不必引入$watch或强制我的$http调用等待结果.

问题：我如何将wo_list数组从我的服务绑定到我的控制器,以便Angular将其视为模型的常规可观察部分？

我有：

>包含数组的服务和用于初始化和定期从服务器更新数组的刷新功能(我知道这是由console.log()消息).为了调试目的,我用占位符“A”,“B”和“C”初始化数组 – 实际的工单是五位数的字符串.

angular.module('activeplant',[]).
   service('workOrderService',function($http) {
 
   wo_list = ["A","B","C"]; //Dummy data,but this is what's bound in the controllers.
 
   refreshList = function() {
         $http.get('work_orders').success(function(data) {
             wo_list = data;
             console.log(wo_list) // shows wo_list correctly populated.
         })
   }
 
   refreshList();
 
   return {
 
       wonums: wo_list,// I want to return an observable array here.
 
       refresh:  function() {
         refreshList();
       }
 
   }
 })

>一个应该绑定到workOrderService中的数组的控制器,以便我可以显示工作单的列表.我绑定了服务返回的服务和数组的两个不同的尝试,使其工作.

function PlantCtrl($scope,$http,workOrderService) {
  $scope.depts      = []
  $scope.lastUpdate = null
  $scope.workorders = workOrderService
  $scope.wonums     = workOrderService.wonums  // I want this to be observable
 
  $scope.refresh = function() {
      $scope.workorders.refresh()
      $http.get('plant_status').success(function(data) {
          $scope.depts = data;
          $scope.lastUpdate = new Date()
      }); 
  }
 
  $scope.refresh()
 
}

>一个视图模板,遍历工厂控制器中的绑定数组,以打印工单列表.我正在进行两次试图让这个工作,最终版本只会有一个ul元素.

<div ng-controller="PlantCtrl">
  <div style='float:left;background-color:red' width="20%">
      <h2>Work Orders</h2>
      <ul>
         <li ng-repeat="wonum in workorders.wonums"><a href=""> {{wonum}} </a></li>
      </ul>
      <ul>
          <li ng-repeat="wonum in wonums"><a href=""> {{wonum}} </a></li>
      </ul>
  </div>
</div>

>其他几个视图/控制器对(这里未显示)也绑定和迭代工作数组.