Question

我正在尝试使用一种简单形式的angular2。现在，当我使用express时，例如，可以使用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变量，还是三个必须相同？谢谢

Answer 1

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

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

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

1 个答案: