Question

我知道这已经被问过，但没有回答我的问题。我收到错误Argument 'StoreController' is not a function, got undefined

base.html文件

<!DOCTYPE html>
<html ng-app="store">
    <head>
        <link rel="stylesheet" type="text/css" href="resources/bootstrap/css/bootstrap.min.css"/>
        <script type="text/javascript" src="resources/angular.min.js"></script>
        <script type="text/javascript" src="resources/app.js"></script>
        <title>Let's Learn Angular!</title>
    </head>
    <body>
        <div ng-controller="StoreController as store">
            <h1>{{store.product.name}}</h1>
            <h2>${{store.product.price}}</h2>
            <p>{{store.product.description}}</p>
        </div>
    </body>
</html>

app.js

(function() {
    var app = angular.module("store", []);
    app.controller("StoreController", function() {
        this.product = gem;
    });
    var gem = {
        name: "Dodecahedron",
        price: 2.95,
        description: "This is a 12 sided three-dimensional solid",
    };

})();

我已检查以确保app.js的路径正确无误。我不太明白$scope是如何实施here但我遵循这些指示无济于事。 Angular在我声明控制器的div之外正确工作。我已经完成this checklist并按照我能理解的最佳步骤进行操作。我的代码都是从CodeSchool angular.js课程中复制而来的，我没有看到任何差异。我正在使用Angular 1.5

Answer 1

你确定app.js在资源中吗？通常，这将是用于第三方事物的路径。打开开发人员工具，看看是否显示错误，然后检查网络选项卡以验证app.js是否正确加载。我没有看到代码有任何问题。更新：我复制并粘贴了您的代码并在本地运行它没有问题。

无法找到角度控制器

1 个答案: