Javascript 绑定表达式：未定义标识符_Javascript_Angular_Node Modules

Javascript 绑定表达式：未定义标识符

javascript angular

Javascript 绑定表达式：未定义标识符,javascript,angular,node-modules,Javascript,Angular,Node Modules,我是Angular的新手，正在学习绑定表达式的基础知识。在尝试实现一个新模块时，我在html文件中不断收到一个错误，表示没有定义标识符。我如何消除这个错误标识符“message”未定义。组件声明、模板变量声明和元素引用不包含此类标识符 " 我使用的是Visual Studio代码1.38.1和Angular 8.2.6；我已经尝试过将脚本引用放在头部和身体的不同部位；尝试更改模块的名称，使用单引号和双引号，并修改控制器实例。消除错误的一个方法是将属性放入app.component.ts文件中；

我是Angular的新手，正在学习绑定表达式的基础知识。在尝试实现一个新模块时，我在html文件中不断收到一个错误，表示没有定义标识符。我如何消除这个错误

标识符“message”未定义。组件声明、模板变量声明和元素引用不包含此类标识符 "

我使用的是Visual Studio代码1.38.1和Angular 8.2.6；我已经尝试过将脚本引用放在头部和身体的不同部位；尝试更改模块的名称，使用单引号和双引号，并修改控制器实例。消除错误的一个方法是将属性放入app.component.ts文件中；但是，我还是希望它成为模块，因为没有其他人会遇到类似的问题。我不明白我做错了什么，我所看到的任何教程都没有解决这个问题

在script.js文件中：

<reference path="angular.min.js" />
var myApp = angular.module("module1", []);
myApp.controller("myController", function($scope){
  $scope.message = "hello from the controller";
});

删除script.js并将HTML代码放入app.component.HTML

<body>
  <div>
    <p>{{ message }}</p>
  </div>
</body>


{{message}}

你在使用AngularJS策略。尝试阅读Angular文档并遵循它。

你把Angular js（v1，1+）和Angular（2，2+）搞混了

Angular Js使用

ng控制器

将控制器和数据绑定连接到视图。但在Angular中，组件用于查看，数据绑定从组件进行，而AppModule或feature module保存所有模块并将其包含在app中：

您可以使用：

{{message}

绑定数据

参见基本示例

我已经引用了angular文档，并且已经尝试将script.js中的代码放入html文件中；它仍然说标识符没有定义。你混合了angularJS和angularJS这两种不同的东西。我认为这些术语是可以互换的；谢谢。您正在混合AngularJs和Angular（2+）。您正在混合AngularJs和Angular。这是完全不同的事情！请阅读文档以获得对angular的基本理解。谢谢你们两位的澄清，我没有意识到他们是不同的。

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'proj1';
  message = 'hello';
}

<body>
  <div>
    <p>{{ message }}</p>
  </div>
</body>