基本角度(绑定未显示)
Basic Angular (Binding not showing up)
我有以下目录:
-flapper-news
-app.js
-index.html
在app.js中,我有:
angular.module('flapperNews', [])
.controller('MainCtrl', [
'$scope',
function($scope){
$scope.test = 'Hello world!';
}]);
在index.html.我有以下内容:
<html>
<head>
<title>My Angular App!</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="flappeNews" ng-controller="MainCtrl">
<div>
{{test}}
</div>
</body>
</html>
当我导航到我的index.html并在谷歌chrome上打开它时,只会看到这样的绑定:
{{test}}
显然不起作用。在我的浏览器控制台中,我看到:
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.19/$injector/modulerr?p0=flappeNews&p1=Erro…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.19%2Fangular.min.js%3A18%3A139)
我尝试过改变angular的版本,并在我的angular模块中包含ngroute,但什么都不起作用。知道发生了什么吗?
你身上有ng-app="flappeNews"
而不是ng-app="flapperNews"
。
<body ng-app="flapperNews" ng-controller="MainCtrl">
试试这个,它正在工作:
使用ng-app="flapperNews"
而不是ng-app="flappeNews"
Plnkr:http://plnkr.co/edit/84P1zpbHdhGOwI2oNMrQ?p=preview
相关文章:
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 使用AngularJs数据绑定的三元运算符显示图像
- 嵌套的foreach绑定未正确显示
- 敲除:可观察数组没有被正确绑定——只有1个结果显示,而api返回6
- 挖空和显示模块模式的数据绑定问题
- 悬停卡未显示在具有绑定的 KNOCKOUTJ 中
- AngularJs的绑定值未显示
- Angularjs-将指令中的值绑定到文档中的任意位置显示/隐藏
- 使用knockoutjs绑定和显示字典
- angularjs绑定赢得'除非我打GET电话,否则不会显示
- 显示绑定到动态生成的元素的所有事件处理程序
- 在显示绑定属性之前在 JavaScript 中格式化绑定属性
- Knockout JS值不显示/绑定/更新,但可通过ko.toJS($data).value获得
- 为什么这个 angularjs 指令不显示绑定的文档
- 无法显示绑定值
- 隐藏/显示绑定到计数器的按钮
- 在使用ng-model时,如何在显示绑定值之前格式化它
- 自定义Knockout绑定处理程序不显示绑定
- 显示绑定数据的SAPUI5错误
- 如何刷新具有cellFilter的ui-grid单元格,以便在一个单元格中显示绑定实体的多个字段