web-dev-qa-db-ja.com

Angularjs引数は文字列を取得した関数ではありません

私はangularjsの初心者です。私のホームページに投稿のリストが含まれるアプリケーションを作成しています。そのページだけの双方向バインディングにangularjsを使用することを考えました。サンプルページから始めましたが、ここで問題が発生しました。

私のサンプルページ。 angularjsがページの他の側面とやり取りしたくないので、私はこのdivだけにng-appを使用しています。

<div ng-app="posts">
  <ul class="post_list" ng-controller="PostController">
    <li ng-repeat="post in posts">
    {{post.title}}
    {{post.description}}
    </li>
  </ul>
</div>

私は持っているapp.jsファイルを持っています

var app = angular.module('posts', []);

とpostcontroller.jsファイル

(function(angular, app) {
  // Define the Controller as the constructor function.
  console.log(app);
  console.log(angular);
  app.controller("PostController",["$scope"], function($scope) {
    $scope.posts = [
      {"title":"asdf", "description":"describe"},
      {"title":"second one", "description":"second describe"},
    ];
  });
})(angular, app);

ホームページをロードしたとき。私は得ています

エラー：引数「PostController」は関数ではありません。文字列[googlecdn path] angular.min.js：16を取得しました

ここで何が欠けていますか。完全に混乱しているので助けてください。私はangularjsとjavascriptが初めてです。

javascriptangularjsmodularity
22
Anirudhan J

問題は、コントローラーの宣言方法にあります。以下のようにしてください：

app.controller("PostController",["$scope", function($scope) {
    $scope.posts = [
      {"title":"asdf", "description":"describe"},
      {"title":"second one", "description":"second describe"},
    ];
  }]);

2番目の引数は、$scope文字列と関数の両方を配列の要素として持つ配列であることに注意してください。これは、縮小安全コードを記述するために使用する適切な構文です。

48
pkozlowski.opensource