Question

这是我的js文件

当我尝试创建一个新控制器时，我收到错误

＆＃34; Argument＆＃39; storeController＆＃39;不是一个功能，未定义＆＃34;

有人可以帮帮我吗

var myApp = angular.module('bindExample', []);

myApp.controller('commonController', ['$scope', function($scope) {
                    $scope.customers = [
                                { name: 'John Smith', city: 'Pheonix'},
                                { name: 'John Doe', city: 'New York'},
                                { name: 'Jane Doe', city: 'San Francisco'}
                    ];
}]);

myApp.controller('StoreController', ['$scope', function($scope){

    $scope.gems=[
            {name: 'abc', price: '110.50', canPurchase: 'false', soldOut: 'true'},
            {name: 'xyz', price: '120.50', canPurchase: 'true', soldOut: 'false'}
    ];


});

HTML代码

<html ng-app="bindExample">
<head>

<script src="js/angular.min.js"></script>
</head>
<body>
      Store details
                    <div ng-controller="StoreController">
                          <h3 ng-repeat="store in gems">
                                {{store.name}}<br>
                                {{store.price}}
                           </h3>
                    </div>

   <script src="js/homeCtrl.js"/>


    </body>
    </html>

Answer 1

您缺少包含您的javascript文件。如果未加载，则角度不知道它。

<html ng-app="bindExample">
<head>

<script src="js/angular.min.js"></script>
<script src="js/yourScript.js"></script> <!-- your script here -->
</head>
<body>
      Store details
                    <div ng-controller="StoreController">
                          <h3 ng-repeat="store in gems">
                                {{store.name}}<br>
                                {{store.price}}
                           </h3>
                    </div>

   <script src="js/homeCtrl.js"/>


    </body>
    </html>

参数'storeController'不是函数，未定义

1 个答案: