Question

我开始使用Angular.js。我正在尝试角度提供的数据绑定

使用此代码，我希望无论我在对话框中输入什么，都会在浏览器中显示。这不是发生在这里吗？我错过了什么？

 <!Doctype html>
 <html ng-app>
 <head>
<title>Simple App</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">   </script>
 </head>
 <body>
<input ng-model="name" type="text" placeholder="Your name">
<h1>Hello {{name}}</h1>

 </body>
 </html>

这就是我所看到的：

enter image description here

Answer 1

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">   </script>

应该是

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">   </script>

Answer 2

尝试在html中添加 ng-app

<!Doctype html>
<html>
 <head>
<title>Simple App</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">   </script>
 </head>
 <body ng-app="myapp">
<input ng-model="name" type="text" placeholder="Your name">
<h1>Hello {{name}}</h1>

 </body>
 </html>

Answer 3

<!DOCTYPE html>
<html ng-app>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  </head>

  <body>
    <input ng-model="name" type="text" placeholder="Your name">
    <h1>Hello {{name}}</h1>
  </body>

</html>

工作示例

开始使用Angular数据绑定的简单示例 - 为什么这不起作用？

3 个答案: