AngularJS ng-app声明的问题
AngularJS ng-app声明的问题
提问于 2013-09-19 21:00:24
我是从Angular开始的，但我被一个奇怪的问题困扰着。
我有简单的html和js，如下所示。如果我将angular.js文件链接添加为主体中的最后一行(如文档中所建议的那样)，则绑定会因为某种原因而失败。类似地，如果我链接头部中的自定义javascript文件，绑定将失败。我确信我在这里遗漏了一些非常基本的东西。但是我不知道是什么。
HTML文件：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<head>
<title>Angular Binding</title>
<link rel="stylesheet" href="../Foundation/css/foundation.min.css">
<script type="text/javascript" src="../JS/angular.js"></script>
</head>
<body>
<div ng-app="myapp">
<input type="text" ng-model="data.message">
{{data.message}}
</div>
<script type="text/javascript" src="BasicFilters.js"></script>
</body>
</html>BASICFILTERS.JS文件
var myapp = angular.module('myapp', [])回答 2
Stack Overflow用户
发布于 2013-09-19 21:08:54
尝试将声明移动到html标记：
<html lang="en" ng-app="myapp" xmlns:ng="http://angularjs.org">
<head>[...]Stack Overflow用户
发布于 2014-06-12 23:42:45
我也有同样的问题，太残酷了。然后我请了一个工作中的开发人员帮忙，当我向他展示这个问题时，它开始工作了。
无论如何，他告诉我的一件事是控制器应该在绑定到myApp的.controller中，而不是在全局作用域中。
因此，不是：
function MyController1($scope) {
$scope.data = { message: "Hello World" };
}将其放入.controller中：
myApp.controller('MyController1', ['$scope', function($scope) {
$scope.data = { message: "Hello World" };
}
]);您可以阅读有关此here的更多信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18895329
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号