javascript - 如何在 Angularjs 的其他文件中使用 Controller

标签 javascript html angularjs

我习惯于使用 Java 进行编码,其中包含许多具有对象范例的文件和带有包的 MVC 模式。

我从 AngularJS 开始,我试图启用一个简单的 index.html,它在 javascript 文件中使用 Controller ,但不起作用。

我的html文件:index.html

<html ng-app="carre">
<head>
    <script src="js/angular.js"></script>
    <script src="js/CalculCtrl.js"></script>
    <script>
        var ctrl = angular.module('carre',[]); 
    </script>
</head>
<body ng-controller="CalculCtrl">
    <div>{{2+2}}</div>
    <p>{{temps}}</p>
</body></html>

我的 javascript 文件作为 Controller ,位于 js/CalculCtrl.js

carre.controller('CalculCtrl', function($scope)
        {
             $scope.temps = 'pluie';
            }
 )

请问这里出了什么问题? 提前致谢。

最佳答案

将 carre.controller(...) 重命名为 ctrl.controller

Ctrl 是保存对模块的引用的变量的名称,carre 是您在 ng-app 指令中为引用而指定的名称。

编辑:此外,我建议您获取适用于 Chrome 的 Batarang 扩展,它向开发人员工具添加了一个用于调试 Angular 应用程序的页面。非常有用的工具。

关于javascript - 如何在 Angularjs 的其他文件中使用 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29035843/

相关文章:

javascript - Rails 3 检查是否启用了 Javascript(服务器端)

Javascript 构造函数 : cant call inside func

javascript - 通过滑动 Ranger 元素 slider 来显示元素

asp.net - 使用 div 和 css 或 Just Table Code 绘制模板

javascript - 按 Enter 键时禁止在 &lt;textarea&gt; 中换行 [html、javascript]

javascript - 处理 Protractor 中的未知错误

javascript - 这是确定 JavaScript 变量类型的有效方法吗?

javascript - 如何让 <div> 中的两个元素调用不同的函数?

angularjs - 使用 Sequelize、NodeJS 和 AngularJS 创建 n 为 :m relationship, 的记录

javascript - AngularJs Ng-Keypress 事件工作不正常?