Question

我在理解角度方面运气不佳。我已经设置了这个简单的测试：https://stackblitz.com/edit/stackoverflow-q-54317647-ocxugf?file=app%2Fmy.component.spec.ts

我在测试中设置了组件值b = -2 * np.signbit(a) + 1，它显示在前端。如果我通过输入其他文本来更改值，则输入组件值中的值似乎没有更新。

Answer 1

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

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

现在，如果您在输入中键入任何值，则您的值将在测试变量中更改。而且，如果您想在输入字段中具有预定义的值，则可以在声明变量的位置设置测试变量值，如下所示。

test: string = 'aaa';

这是一个例子

在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>

在角结合的输入部件

1 个答案: