角度绑定在vs代码中不起作用

时间:2018-07-06 02:39:39

标签: angular visual-studio-code

我正在使用VS Code学习Angular,但是非常简单的事情却无法正常工作。

以下代码在src / app / app.component.html

 <!DOCTYPE html>
 <html>
 <script 
  src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> 
 </script>
 <body>

 <div ng-app="">
   <p>Name: <input type="text" ng-model="name"></p>
   <p ng-bind="name"></p>
 </div>

</body>
</html>

当我使用ng serve从VS Code终端运行时, Chrome的localhost:4200显示输入框,但键入的文本永远不会出现在段落中。

如果我可以得到一些帮助,以帮助他们找到更多的信息来理解问题出在哪里,那将是一个很大的帮助,甚至如果有人可以给我解决方法,这也会更好。

1 个答案:

答案 0 :(得分:2)

您使用的是 angular.js 语法,该语法不适用于angular。

here 开始。

但这是一个在 Stacblitz

上显示角度的示例