Angularjs Angular JS-一个控制器中的多个ng网格:主/详细
我能找到的所有关于Angularjs Angular JS-一个控制器中的多个ng网格:主/详细,angularjs,master-detail,ng-grid,Angularjs,Master Detail,Ng Grid,我能找到的所有关于ng grid Mater/Detail的示例,例如do show Master/Detail的官方演示,但是它们没有用两个ng grid来显示 我该怎么做?我甚至不知道如何开始。看起来网格绑定到了$scope.gridOptions和$scope绑定到了控制器,所以我不知道如何在一个控制器中有两个ng网格 这是否意味着我需要两个控制器(通过服务连接)?HTML <body ng-controller="MyCtrl"> <div class=
ng grid Mater/Detail
的示例,例如do show Master/Detail的官方演示,但是它们没有用两个ng grid来显示
我该怎么做?我甚至不知道如何开始。看起来网格绑定到了$scope.gridOptions
和$scope
绑定到了控制器,所以我不知道如何在一个控制器中有两个ng网格
这是否意味着我需要两个控制器(通过服务连接)?HTML
<body ng-controller="MyCtrl">
<div class="gridStyle" ng-grid="fooGridOptions"></div>
<div class="gridStyle" ng-grid="barGridOptions"></div>
</body>
ng grid查找随指令传递的任何对象(ng grid=“myOptionsObject”
)。在这种情况下,我们只在对象上设置了“data”属性,但其他选项可用
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
$scope.foo = [{name: "Moroni", age: 50},
{name: "Tiancum", age: 43},
{name: "Jacob", age: 27},
{name: "Nephi", age: 29},
{name: "Enos", age: 34}];
$scope.bar = [{name: "Moroni", age: 50},
{name: "Foo", age: 43},
{name: "Bar", age: 27},
{name: "FooBar", age: 29},
{name: "JohnJohn", age: 34}];
$scope.fooGridOptions = { data: 'foo' };
$scope.barGridOptions = { data: 'bar' };
});