Question

我是角色的新手，所以从非常基本的例子开始，但这也无效。所以请帮帮我。下面的代码应该将文本框的内容写入页面。

<html xmlns="http://www.w3.org/1999/xhtml">
<head ng-app>
    <title></title>
</head>
<body>
    <div class="container">
        Name: <input type="text" ng-model="name" />{{name}}
    </div>
    <script src="/script/angular.js" type="text/javascript"></script>
</body>
</html>

Answer 1

ng-app应该在html或body中，在你打算使用angular的任何标签内。

Answer 2

在您的代码中ng-app范围仅以头标记结尾。您尚未在根级别使用ng-app。您可以在html或body或主div标记级别使用它。标记中没有ng-controller。当然你也可以通过js文件配置控制器。您使用以下代码。

HTML

<html ng-app="plunker">

<head>
  <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.14/angular.js" data-semver="1.3.14">    </script>
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
  <div class="container">
      Name: <input type="text" ng-model="name" />{{name}}
  </div>
</body>

</html>

JS

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

Answer 3

ng-app应位于html代码中，而不是head。

Answer 4

将ng-app放在标记中，而不是标题

Answer 5

删除已添加到head标签的ng-app指令，并将其分配给html

Angular JS - 基本数据绑定不起作用

5 个答案: