以下は、HTML と、Web サービス呼び出しを実行して ngGrid にデータを表示するためのコードです。問題はルート プロバイダーにあります。別のビューでグリッドを表示できませんが、ルート プロバイダーなしでまったく同じコードを実行し、そのページだけを読み込むと、完全に正常に動作します。
私は angularJS に非常に慣れていないので、何か提案をいただければ幸いです。多くの調査を行いましたが、少なくとも私にとってはうまくいきませんでした。関連する投稿をどこかで見逃した場合は、これを考慮してください。よろしくお願いします!
<div>
<!--Placeholder for views-->
<div ng-view=""></div>
</div>
//this is what I have in one of my view for grid.
<div class="gridStyle" data-ng-grid="gridOptions">
</div>
/* display/get/call the JSON data from the web service and bind it to the view */
var app = angular.module('salesApp',['ngGrid']);
app.config (['$routeProvider', function ($routeProvider){
$routeProvider
.when('/sales',
{
controller:'salesCtrl',
templateUrl:'Partials/sales.html'
})
.when('/associate',
{
controller:'assocCtrl',
templateUrl:'Partials/associate.html'
})
.otherwise({redirectTo:'/sales'});
}]);
app.controller('salesCtrl', function($scope, $http) {
$http.jsonp('http://some url...')
.success(function (data) {
$scope.sales = data;
});
$scope.gridOptions = {data: 'sales',
columnDefs:[{field:'Region_Num', displayName: 'Region Num'}
],
showGroupPanel: true
};
});