2015-12-29 11 views
6

Sto iniziando con la mia prima applicazione AngularJS. Provo con angular-gulp-browserify-starter e lavoro bene. Ma ora cerco aggiungere ngTable, ma gulp accumulo dice:A partire da AngularJS. 'NgTableParams' non è definito

'NgTableParams' is not defined. 

Sto cercando attenersi alla seguente procedura: http://ng-table.com/.

1- Add ng-tavolo con pergolato modulo

bower install ng-table --save 

2- Aggiunga al app.js

var angular = require('angular'); 

angular.module('myApp', ['ngTable']); // this is the new line 

module.exports = angular.module('myApp', 
    [ 
     require('./common/common.js').name, 
     require('./modules').name 
    ]) 
    .config(require('./appConfig')) 
    .constant('version', require('../package.json').version) 
    .run(require('./common/common-init.js')); 

3- E questo è il mio controller

'use strict'; 
function TableCtrl($scope) { 
    $scope.testVar = 'This my test for ngtable'; 
} 
TableCtrl.$inject = ['$scope']; 
module.exports = TableCtrl; 

Dove e come ho messo questo?

var self = this; 
var data = [{name: "Moroni", age: 50} /*,*/]; 
self.tableParams = new NgTableParams({}, { dataset: data}); 

ho l'HTML come istruzioni ng-tavolo sitle dice.

Grazie!

+1

aggiungo ' ./libs/ng-table/dist/css/ng-table.css', e './libs/ng-table/dist/ng-table.js' to gulpfile. Niente più errori con gulp build, ma non mostrare la tabella: S – pablorsk

+0

hai risolto il tuo problema? – AlainIb

risposta

7

ho ottenuto lo stesso errore, la documentazione manca un punto: -> si deve iniettare ngTableParams nel controller

Io non sono sur della sintassi (non uso questo)

function TableCtrl($scope) { 
    $scope.testVar = 'This my test for ngtable'; 
    // if this is your controller, every var you put in the $scope will be accessible in the view 

    var data = [{name: "Moroni", age: 50} /*,*/]; 
    $scope.tableParams = new NgTableParams({}, { dataset: data}); 
} 
TableCtrl.$inject = ["$scope","NgTableParams", "ngTableSimpleList"]; 
module.exports = TableCtrl; 
18
var App = angular.module('AdminApp.Report.Controllers.Stores', ['ngMaterial','ngTable']); 

App.controller('SomeController', ['$scope', '$http','NgTableParams', function ($scope, $http, NgTableParams) { 

     httpService.PostApiRequest(request,'/api/someUrl').then(function(data) { 
      $scope.tableParams = new NgTableParams({}, { dataset: data}); 
     }); 
    } 
}]); 

che il più semplice implementazione nella mia opzione

+1

Risolto il problema, grazie. – dmitreyg