数据如何从 html 文件传输到 component.ts 文件答案

【问题标题】：How data is transferred from html file to component.ts file数据如何从 html 文件传输到 component.ts 文件
【发布时间】：2019-10-11 23:13:21
【问题描述】：

我正在尝试使用简单形式的 angular2。现在，当我使用 express 时，例如“name”输入的值，可以在服务器中使用 req.body.name 访问。但在 Angular 中，它实际上是如何分配的？

在 clients.component.html 文件中，在输入中，我同时具有 [(ngModel)]="name" 和 "name" = "name" 属性。在 clients.component.ts 文件中，我在 ClientsComponent 类下创建了一个名称变量：

...
  templateUrl: './clients.component.html'
...
export class ClientsComponent{
name;
...
onSubmit(){
  let newClient = {
    name: this.name
    }
  }
}
...

现在代码完美运行，所以应该没有语法问题。我想知道 Angular 如何识别 html 文件中的值。是不是因为 ts 文件中包含了模板 URL，所以该模板中的每一个数据都会来到这个 ts 文件中？另外，是 ngModel 还是 html 中的 name 属性必须等于 ts 文件中的 name 变量，还是其中三个必须相同？谢谢

【问题讨论】：

标签： angular

【解决方案1】：

基本上，Angular 为其组件树使用层次结构。这允许 Angular 从当前组件向下运行更改检测（检测组件中使用的值是否已更改）。当您对输入进行更改时，将调用输出变量（语法的 (ngModel) 部分），从而更新 typescript/javascript 中的变量 name。

见https://blog.angularindepth.com/a-gentle-introduction-into-change-detection-in-angular-33f9ffff6f10

【讨论】：