C For Code!!! Ответов: 1

привязка данных ng-grid (угловая сетка)

Привет ребята,

Я использую угловую сетку. То, как это описано в приведенном ниже руководстве по url-адресу, все работает для меня отлично.
http://angular-ui.github.io/ng-grid/[^

HTML-код:
<body ng-app="">
    <div data-ng-controller="BindNgGrid">
    <p>{{name}}</p>
  <div class="gridStyle" ng-grid="gridOptions"></div>
  </div>
</body>


Язык JavaScript:

function BindNgGrid($scope) {
    $scope.name='XXX YYY ZZZ'
    $scope.myData = [{ name: "Moroni1", age: 50 },
                    { name: "Tiancum1", age: 43 },
                    { name: "Jacob1", age: 27 },
                    { name: "Nephi1", age: 29 },
                    { name: "Enos1", age: 34 }];
    $scope.gridOptions = { data: 'myData' };
}


теперь в моем приведенном выше коде 
$scope.name<pre> gets resolved but grid options data is not getting populated any one have any idea where i am going wrong.

pankaj287

Вы пропустили, чтобы вставить модуль ngGrid` внутри вашего приложения зависимостей, &ампер; сделать инъекцию `приложение` в `НГ-приложение директива`, обратитесь https://angular-ui.github.io/ui-grid/ для справки. Это было хорошо документировано

1 Ответов

Рейтинг:
10

Member 10791827 

//In HTML 

<body ng-app="demoApp">
    <div data-ng-controller="BindNgGrid">
    <p>{{name}}</p>
  <div class="gridStyle" ng-grid="gridOptions"></div>
  </div>
</body>



//in js File please inject the ngGrid
var app = angular.module('demoApp', ['ngGrid']);
function BindNgGrid($scope) {
  $scope.name='XXX YYY ZZZ';
    $scope.myData = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 34}];
    $scope.gridOptions = { data: 'myData' };
}