Question

以下html页面在ng-app =＆＃34;＆＃34;但是当ng-app =＆＃34; MyApp＆＃34;时没有。如何使用ng-app =＆＃34; MyApp＆＃34;？

使此页面正常工作

此页面中的代码会将输入的文本作为用户类型打印到文本框中。

<!DOCTYPE html>
<html>
<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>
  <div ng-app="MyApp">
    <p>Input something in the input box:</p>
    <p>Name: <input type="text" ng-model="name" value="John"></p>
    <p ng-bind="name"></p>
  </div>
</body>
</html>

我尝试在此页面中包含以下JavaScript，但它仍无效。

  <script>
     angular.element(document).ready(function() {
      angular.bootstrap(document, ['MyApp']);
    });
  </script>

更新1

以下脚本完成了这个技巧，我在阅读了对帖子的各种回复后选择了这个技巧。我在关闭之前添加了这个＆＃39; body＆＃39;标签

<script>
  angular.module('MyApp', []);
</script>

Answer 1

您需要在Angular中声明您的模块。你必须在你的文件中用javascript声明它：

angular.module('MyApp', []);

这里有一个很好的入门教程：

http://tutorials.jenkov.com/angularjs/index.html#angularjs-hello-world

AngularJS代码仅在ng-app =＆＃34;＆＃34;

1 个答案: