gpt4 book ai didi

javascript - 从另一个 Controller 返回后,ui-grid api 未定义

转载 作者:行者123 更新时间:2023-11-28 05:45:56 26 4
gpt4 key购买 nike

请通过plunker

 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 未定义。 。 。

最佳答案

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">并更新所有调用以使用 vm。

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

    现在应该是:

    ng-click="vm.addDevice()"
  4. 删除ng-controller="monitoringCtrl as monitoringCtrl从button.html 来看,由于该行代码,它正在创建 8 个 Controller 实例。

  5. 测试一下

enter image description here

如果这对您有用,请接受它以便将来的用户复制。

关于javascript - 从另一个 Controller 返回后,ui-grid api 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38522138/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com