Angular JS。我的输出应该是Hello,但它显示{{message}}

时间:2017-02-02 17:58:03

标签: javascript html angularjs

我是新手并开始练习Angular JS。

我的输出应该提供 Hello ,但它显示 {{message}}

以下是HTML代码:

<!DOCTYPE html>
<html ng-app="HelloWorldApp">
<head>
    <script     src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="hello_world_controller.js"></script>
</head>
<body>
    <div ng-app="HelloWorldApp">
    <div ng-controller="HelloWorldController">
        <p>{{message}}</p>
    </div>
    </div>
</body>
</html>

以下是Angular js代码:

angular.module('HelloWorldApp', [])
  .controller("HelloWorldController", ["$scope", function ($scope){
     $scope.message = "Hello";
  }]);

1 个答案:

答案 0 :(得分:0)

我没有看到您的代码有任何错误,请检查您的角度版本

<强>样本

&#13;
&#13;
angular.module('HelloWorldApp', []) .controller("HelloWorldController", ["$scope", function ($scope) { $scope.message = "Hello"; }]);
&#13;
<!DOCTYPE html>
  <html ng-app="HelloWorldApp">
 <head>
      <script   src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

    <script src="hello_world_controller.js"></script>

</head>
<body>

<div ng-app="HelloWorldApp">
<div ng-controller="HelloWorldController">
    <p>{{message}}</p>
</div>
</div>
&#13;
&#13;
&#13;