web-dev-qa-db-ja.com

AngularJSから始まります。 「NgTableParams」は定義されていません

私は最初のAngularJSアプリケーションから始めています。 angular-gulp-browserify-starter で試してみて、問題なく動作します。しかし今、私は ngTable を追加しようとしましたが、gulp buildは次のように述べています:

'NgTableParams' is not defined.

私は次の手順を実行しようとしています: http://ng-table.com/

1-バウアー付きのngテーブルを追加します

bower install ng-table --save

2-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-そしてこれは私のコントローラーです

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

これをどこにどのように置くのですか?

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

私はng-tableのsitle命令が言うようなHTMLを持っています。

ありがとう!

7
pablorsk
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});
        });
    }
}]);

これは私のオプションで最も簡単な実装です

23
adi ben

同じエラーが発生しました。ドキュメントにポイントがありません:->コントローラーにngTableParamsを挿入する必要があります

私は構文に精通していません(私はこれを使用しません)

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;
9
AlainIb