1

はコンソールgridApiSoucrceで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

が定義されていないplunkerを通過してください。 。 。

答えて

0

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

  1. <div ui-grid="vm.gridOptions" ui-grid-pagination ui-grid-save-state class="cover-block"></div>
  2. <body ng-controller="monitoringCtrl as vm">にごbody宣言を変更し、VMを使用するために、すべての通話を更新

    としてオプション

  3. があなたのグリッドを再宣言してください、あなたのグリッドにappScopeProvider: vmを追加します。

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

    は今、次のようになります。

    ng-click="vm.addDevice()" 
    
  4. それが原因コード行に、あなたのコントローラの8つのインスタンスを作成して、button.htmlからng-controller="monitoringCtrl as monitoringCtrlを削除します。これはあなたのために働く場合は、将来のユーザーが複製するためにアウト

enter image description here

  • テストそれは、それを受け入れてください。

  • 関連する問題