1

請通過plunker從另一個控制器返回後不確定的UI網API

vm.gridOptions = { 
     enableSorting: true, 
     columnDefs: [ 
      {field: 'deviceName'}, 
      {field: 'ip'}, 
      { 
       field: 'Action', enableSorting: false, 
       cellTemplate: '/monitoring_page/modals/buttonTemplate.html' 
      } 
     ], 
     data: vm.dataStack, 
     onRegisterApi: function (gridApi) { 
      vm.gridApiSource = gridApi; 
     } 
    }; 
//api call after coming from ui-bootstrap modal 
    vm.gridApiSource.core.refresh(); 

http://plnkr.co/edit/Oxo8XdQCysOUvfvhD82z?p=preview

在控制檯gridApiSoucrce是不確定的。 。 。

回答

0

Figured it out of after a bit of work - Click for Plnkr

  1. 添加appScopeProvider: vm到網格選項
  2. 重新聲明網格爲<div ui-grid="vm.gridOptions" ui-grid-pagination ui-grid-save-state class="cover-block"></div>
  3. body聲明更改爲<body ng-controller="monitoringCtrl as vm">和更新所有通話使用的虛擬機。

    Example: ng-click="monitoringCtrl.addDevice()" 
    

    現在應該是:

    ng-click="vm.addDevice()" 
    
  4. 從button.html由於該行的代碼刪除ng-controller="monitoringCtrl as monitoringCtrl,它正在創建您的控制器的8個實例。

  5. 測試出來

enter image description here

如果這對你的作品,請接受它爲未來的用戶進行復制。

相關問題