angularjs - 使用 ng-click 加载 ng-grid

标签 angularjs html angularjs-directive ng-grid

我试图在单击按钮时加载 ng-grid 但它不起作用。 但它在负载上运行良好。为什么?

HTML:

<a href="" ng-click="loadGrid()">Load Grid</a>
<div ng-grid="ngOptions"></div>


$scope.ngData = [
{ Name: "Moroni", Age: 50, Position: 'PR Menager', Status: 'active', Date: '12.12.2014' },
{ Name: "Teancum", Age: 43, Position: 'CEO/CFO', Status: 'deactive', Date: '10.10.2014' },
{ Name: "Jacob", Age: 27, Position: 'UI Designer', Status: 'active', Date: '09.11.2013' },
{ Name: "Nephi", Age: 29, Position: 'Java programmer', Status: 'deactive', Date: '22.10.2014' }
];

$scope.loadGrid = funtion(){
 $scope.ngOptions = { data: 'ngData' };
};

最佳答案

您可以使用空数组初始化数据,以便正确初始化 ng-grid,然后像这样更改点击时的数据:

$scope.myData = [];

$scope.ngOptions = { data: 'myData' };

$scope.loadGrid = function(){
  $scope.myData = [
    { Name: "Moroni", Age: 50, Position: 'PR Menager', Status: 'active', Date: '12.12.2014' },
    { Name: "Teancum", Age: 43, Position: 'CEO/CFO', Status: 'deactive', Date: '10.10.2014' },
    { Name: "Jacob", Age: 27, Position: 'UI Designer', Status: 'active', Date: '09.11.2013' },
    { Name: "Nephi", Age: 29, Position: 'Java programmer', Status: 'deactive', Date: '22.10.2014' }
  ];
};

这是一个有效的 plunker

关于angularjs - 使用 ng-click 加载 ng-grid,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30797736/

相关文章:

javascript - 带有 Form 和 $setPristine 的 Angular 1.5 组件

javascript - ionic显示来自json http请求的chartjs数据

javascript - 读取输入并用 php 回显其他内容

javascript - 如何使用 or 和条件评估表达式?

javascript - 为什么 res.redirect 实际上没有重定向我?

javascript - 跟踪 ReactJS 应用程序

javascript - 如何重定向 wpmu 目录 "edit listing"按钮?

javascript - AngularJS ui-calendar——带有事件的模型

javascript - 所有字段编辑的单个编辑超链接选项

angularjs - 创建具有可变元素类型的指令