Question

<!DOCTYPE html>
<html lang="en" ng-app>
  <head>
    <title>TheNetNinja Angular Playlist</title>
    <link href="content/css/styles.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
    <script src="app/lib/angular.min.js"></script>
  </head>
  <body>
    <input type="text" ng-model="favMeat" placeholder="enter your fav meat" />
    <p>Your fav meat is: {{ favMeat }} </p>
  </body>
</html>

文本框及其下方的单词正在显示，但是＆＃39;favéat＆＃39;当我在文本框中输入时，值不会显示。我也在原子文本编辑器中内置的本地服务器上运行它。我猜它与我的src文件有关？如果我注释掉第二个src它仍然无法正常工作。

Answer 1

首先，没有angularjs2，它只是角度1.x或角度2/4/5/6。

只需删除对 angular.js

的重复引用即可

无论如何上面的代码都有效，

<!DOCTYPE html>
<html lang="en" ng-app>
  <head>
    <title>TheNetNinja Angular Playlist</title>
    <link href="content/css/styles.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
    
  </head>
  <body>
    <input type="text" ng-model="favMeat" placeholder="enter your fav meat" />
    <p>Your fav meat is: {{ favMeat }} </p>
  </body>
</html>

AngularJS 2路数据绑定不起作用？

1 个答案: