Question

我正在直接从书中做一个简单的问候世界的例子，但不知怎的，我无法正确理解它。不确定这里发生了什么。

html代码，angular.js是从angularjs网站下载的最新1.3.x

<!DOCTYPE html>

    <html ng-app>
    <head>
    <script src="angular.js"></script>
    <script src="controller.js"></script>
    </head>
    <body>
    <div ng-controller='HelloController'>
      <p>{{greeting.text}}, World</p>
    </body>
    </html>

Controller.js

function HelloController($scope){
  $scope.greeting={text:'Hello'};
}

为什么我在加载html页面时可以在输出中获得Hello world。相反，我看到了这个

{{greeting.text}}，世界

发生了什么事？

Answer 1

   <html>
    <head>
    <script src="angular.js"></script>
    <script src="controller.js"></script>
    </head>
    <body ng-app>
    <div ng-controller='HelloController'>
      <p>{{greeting.text}}, World</p>
    </div>
    </body>
    </html>

Answer 2

以下是适用于您的内容：

function HelloController($scope) {
    $scope.greeting={text:'Hello'};
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="HelloController">
    <p>{{greeting.text}}, World</p>
  </div>
</div>

可以产生角度JS输出

2 个答案: