我注意到同样的问题在这里被问了几次,我尝试解决它,但没有任何帮助。
我正在按照本教程和知识分子视频进行操作。
但是当我进入控制器和控制器之间共享数据部分时,我无法让它工作。
当我使用 Chrome 运行它时,我在控制台中收到此错误:
'参数'FirstCtrl'不是一个函数,未定义'。
我真的不知道出了什么问题。该代码与教程中的代码相同。
HTML
<!DOCTYPE html>
<html ng-app>
<head>
<title>AngularJS Tutorials: Controllers</title>
<link rel="stylesheet" href="mystyle.css">
<script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<div ng-controller="FirstCtrl">
<h1> {{data.message + " world"}}</h1>
<div class="{{data.message}}">
Wrap me in a foundation component
</div>
</div>
</div>
<script type="text/javascript" src="main.js"></script>
</body>
</html>
main.js
function FirstCtrl($scope){
$scope.data = { message: "Hello" };
}
你有2个未命名的ng-app
html 中的指令。
丢失你 div 中的那个。
Update
让我们尝试一种不同的方法。
在 js 文件中定义一个模块并分配ng-app
向它发出指令。之后,将控制器定义为 ng 组件,而不是简单的函数:
<div ng-app="myAppName">
<!-- or what's the root node of your angular app -->
和js部分:
angular.module('myAppName', [])
.controller('FirstCtrl', function($scope) {
$scope.data = {message: 'Hello'};
});
这是一个正在执行此操作的在线演示:http://jsfiddle.net/FssbL/1/ http://jsfiddle.net/FssbL/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)