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

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

angularjs

Angularjs Angular JS-基本数据绑定不起作用,angularjs,Angularjs,我对angular还不熟悉，所以从一个非常基本的例子开始，但这也不起作用。所以请帮帮我。下面的代码应该将文本框的内容写入页面 <html xmlns="http://www.w3.org/1999/xhtml"> <head ng-app> <title></title> </head> <body> <div class="container"> Name: <input

我对angular还不熟悉，所以从一个非常基本的例子开始，但这也不起作用。所以请帮帮我。下面的代码应该将文本框的内容写入页面

<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>


名称：{{Name}

ng应用程序

应该在

html

标记中，而不是

头部

ng应用程序应该在html或主体中，在您想要使用的任何标记中

将ng应用程序放在标签中，而不是放在头部标签中

在您的代码中

ng应用程序

范围仅以头部标签结束。您没有在根级别使用

ng应用程序

。您可以在

html

或

body

或main

div

标记级别使用它。并且标记中没有

ng控制器

。当然，您也可以通过js文件配置控制器。您可以使用下面的代码

HTML

删除添加到head标记的ng app指令并将其分配给html

您可以在页面底部或页眉部分包含angular.js，这两个部分都是worksRajeshwar，对于这个简单的示例，您不必创建控制器。它通过将ng应用程序置于html标记中开始工作。如果您想预定义

名称

变量，它是必需的。另一方面，我理解它不是必需的。这是否意味着，我可以使用“世界”而不是名称？如果您不使用控制器，则文本框将不会填充任何值。您在文本框中输入的内容将显示在

{{name}

的位置。但是，如果您想用一些值预先填充文本框，您可以定义一个控制器并定义变量名，您可以分配一些值。文本框将填充分配给控制器中

name

变量的值u。谢谢Rajeshwar！我通过控制器实现了同样的功能。谢谢你的信息。

<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>

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

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