我是角度js的新手,并从一些基本的例子开始。但我被卡住了。下面是我的JS代码(openHtml.js)。
(function(){
var app = angular.module("MyApp",[]);
app.controller("MyAppController",function($scope){
$scope.message = "It is a message";
});
}());
我的HTML如下所示
<html>
<head>
</head>
<body>
<div ng-app="MyApp" ng-controller="MyAppController">
<label>{{messsage}}</label>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="openHtml.js"></script>
</body>
</html>
但是消息没有显示在html中。知道为什么吗?
Jfiddle示例:http://jsfiddle.net/Lx7fuchn/
答案 0 :(得分:3)
你拼错了#34;消息&#34;在你的HTML中(一个&#34; s&#34;太多&#34;)
$ alias foo=BAR=baz
$ foo sh -c 'echo "$BAR"'
baz
答案 1 :(得分:0)
你把3&#34; S&#34;在您的html模板中...尝试使用2,就像在您的控制器中一样:p
$scope.message = "It is a message";
<label>{{messsage}}</label>
答案 2 :(得分:0)
<div ng-app="MyApp" ng-controller="MyAppController">
<label>{{message}}</label>
</div>
错误的表达{{messsage}}
您也可以简单地编写模块和控制器:
angular.module("MyApp",[])
.controller("MyAppController",function($scope){
$scope.message = "It is a message";
});