Question

我是角度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/

Answer 1

你拼错了＃34;消息＆＃34;在你的HTML中（一个＆＃34; s＆＃34;太多＆＃34;）

$ alias foo=BAR=baz
$ foo sh -c 'echo "$BAR"'
baz

Answer 2

你把3＆＃34; S＆＃34;在您的html模板中...尝试使用2，就像在您的控制器中一样：p

$scope.message = "It is a message"; 
<label>{{messsage}}</label>

Answer 3

<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";
});

Angular JS的基本问题

3 个答案: