Angular 将输入绑定到角模式中的组件

我不太可能理解你。 我已经设置了这个简单的测试：

我设置组件值

input.value=“aaaa”并显示在前端。
如果我通过键入其他文本来更改值，则输入组件值中的值似乎不会更新。
您需要使用[（ngModel）]进行双向数据绑定

<input [(ngModel)]="test" name="test" />

这里有一个例子

在ts文件中：

import { Component, OnInit, OnChanges, Input } from '@angular/core';


@Component({
  templateUrl: './my.component.html'
})

export class MyComponent implements OnInit {

  test: string;

  constructor() {}
  ngOnInit() {
  }

  printValue() {
    console.log(this.test);
  }
}

在HTML中：

<input name="test" [(ngModel)]="test" id="test" />
<br/>
<button (click)="printValue()">Button</button>




按钮
您需要使用[（ngModel）]进行双向数据绑定

<input [(ngModel)]="test" name="test" />

这里有一个例子

在ts文件中：

import { Component, OnInit, OnChanges, Input } from '@angular/core';


@Component({
  templateUrl: './my.component.html'
})

export class MyComponent implements OnInit {

  test: string;

  constructor() {}
  ngOnInit() {
  }

  printValue() {
    console.log(this.test);
  }
}

在HTML中：

<input name="test" [(ngModel)]="test" id="test" />
<br/>
<button (click)="printValue()">Button</button>




按钮
您首先需要学习角度数据绑定方法，您提到的简单测试表明了这一点。例如，您使用禁用属性（disabled）进行事件绑定，这是错误的，您需要使用属性绑定，而不是[disabled]。如果您想使用数据绑定和输入，最简单的方法是双向数据绑定[（ngModel）]，将数据绑定到两侧。您需要先学习角度数据绑定方法，您提到的简单测试表明。例如，您使用禁用的属性（disabled）进行事件绑定，这是错误的，您需要使用属性绑定来代替[disabled]。如果您想使用数据绑定和输入，最简单的方法是双向数据绑定[（ngModel）]，将数据从/绑定到两侧的框中的香蕉无效，我单击按钮，它仍然在控制台中打印
未定义的
。它现在可以工作了：。我不知道为什么上一个示例不起作用。它不起作用，我单击按钮，它仍然在控制台中打印
未定义的
。它现在起作用了：。我不知道为什么前面的例子不起作用。