【问题标题】:Can produce angular JS output可以产生角度JS输出
【发布时间】:2014-10-11 22:57:29
【问题描述】:

我正在做一个简单的 hello world 示例,但不知何故我无法正确理解。不知道这里发生了什么。

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}},世界

发生了什么事?

【问题讨论】:

  • 缺少 div 结束标记??

标签: angularjs


【解决方案1】:

以下是适合您的方法:

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>

【讨论】:

  • 这行得通,这是为什么呢?为什么我不能使用本地 Angular javascript 文件?
【解决方案2】:
   <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>

【讨论】:

  • 这就是我使用自动添加结束标签的 IDE 的原因。 ;)
猜你喜欢
  • 2023-03-05
  • 1970-01-01
  • 2014-08-01
  • 2013-03-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多