0

/public/javascriptsノードプロジェクトのディレクトリに次の角度コードがあります。

var app = angular.module('userContent', ['angularUtils.directives.dirPagination']);

app.controller('MainCtrl', [
'$scope',
  function($scope){
    $scope.users = []

    $scope.addUser = function(){

      if(!$scope.user || $scope.user === '') { return; }
      $scope.users.push({
        user: $scope.user,
        vertrag: $scope.vertrag,
      });

    $scope.user = '';
    $scope.vertrag = '';
    };
  }
]);

これは/views、ノード プロジェクトのディレクトリにある html テンプレートです。

<html>

  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script>
    <script src="/javascripts/app.js"></script>
  </head>

  <body ng-app="userContent" ng-controller="MainCtrl">

    <input ng-model="search">

    <table border="1">

      <th>user</th>
      <th>vertrag</th>

      <tr dir-paginate="u in users | filter:search | itemsPerPage: 4">
        <td>{{ u.user }}</td>
        <td>{{ u.vertrag }}</td>
      </tr>

    </table>

    <dir-pagination-controls></dir-pagination-controls>

    <form ng-submit="addUser()">

      <input type="text"
      placeholder="Benutzer"
      ng-model="user">
      </input> <br>

      <input type="text"
      placeholder="Vertrag"
      ng-model="vertrag">
      </input> <br>

      <button type="submit">Submit</button>

    </form>

  </body>

</html>

使用したいbowerで次のプラグインをインストールしました。しかし、私はいつもこのエラーを受け取ります:

Error: [$injector:modulerr]

私のファイルへのパス:

/home/ubuntu/project/views/index.ejs
/home/ubuntu/project/public/javascripts/app.js
/home/ubuntu/project/bower_components/angular-utils-pagination
/home/ubuntu/project/bower_components/angular-utils-pagination/dirPagination.js
/home/ubuntu/project/bower_components/angular-utils-pagination/dirPagination.tpl.html
/home/ubuntu/project/bower_components/angular-utils-pagination/bower.json
4

3 に答える 3

3

bower を使用してインストールしても、準備ができているわけではなく、コンテンツをダウンロードするだけです。

あなたの場合、Angularアプリが特定のモジュールを見つけられない場合、そのエラーが発生しますangularUtils.directives.dirPagination。

html のangularUtils.directives.dirPagination前にモジュールを定義する js を追加する必要があります。app.js

于 2015-03-11T11:54:47.863 に答える
1

ページにファイルを含めないと、このエラーが発生します。dirPagination のファイルを html に含めるのを忘れたため、アプリで使用できず、モジュール エラーが発生します。

于 2015-03-11T11:55:18.497 に答える
0

Cem Özer は次のステップについては正しい (ただし詳細は不明) が、bower install [name] を使用する場合は、最後に --save を追加してください。そうしないと、変更が保存されません。それなしでビルドすると、ほとんどの場合、パッケージが破棄されます。

例：

bower install angular-utils-pagination --save --save は、私の知る限り、npm でも動作します

これを行った後、js ファイルと tpl ファイルを app.js ファイルに追加します (ベスト プラクティスに従う場合)。これらのファイルへの参照を取得したら、追加できますangularUtils.directives.dirPagination

例：

angular.module('myApp', ['angularUtils.directives.dirPagination']);

この優れたツールを使用するために次に何をすべきかについては、こちらの GITHUB リポジトリを参照してください。

これに関してさらに質問がある場合は、お気軽にコメントを残してください。回答に詳細を追加します。

于 2016-08-23T20:41:43.757 に答える