Angular 绑定(bind)在 VS Code 中不起作用

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

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

如果我能获得一些帮助,如何找到更多信息以了解问题所在,那将是一个很大的帮助,如果有人可以告诉我如何修复它,那就更好了。

最佳答案

您正在使用 angular.js 语法,该语法不适用于 Angular。

开始here

然而,这是一个在 Stacblitz 上 Angular 示例

关于 Angular 绑定(bind)在 VS Code 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51202286/

相关文章:

javascript - RxJS:延迟传入的 observables

angular - 尝试在带有 IWindow 接口(interface)的 Angular2 中使用 speechSynthesis

google-chrome - 如何将 VSCode 调试器附加到 Brave 浏览器?

visual-studio-code - 你如何在 VSCode 中拆分终端?

android - Ionic Toast 消息无法读取未定义的属性 'create'

html - 根据不同的英雄超能力为表格的行添加特定的颜色

Angular 2+ 无法读取未定义的属性 'id'

ubuntu - 启动 VSCode 后无法使用终端

go - "package main"在 main.go 文件夹中标记为红色的错误

javascript - 如何指示 ESLint 忽略项目中的规则集?