Привязка входа к компоненту в угловых - PullRequest
Новая
       8

Привязка входа к компоненту в угловых

0 голосов
/ 02 февраля 2019

Мне не очень повезло в понимании углов.Я настроил этот простой тест: https://stackblitz.com/edit/stackoverflow-q-54317647-ocxugf?file=app%2Fmy.component.spec.ts.

Я установил значение компонента input.value = "aaaa"; в тесте, и оно отображается в интерфейсе.Если я изменяю значение, набирая другой текст, значение в компоненте ввода, похоже, не обновляется.

1 Ответ

0 голосов
/ 02 февраля 2019

Вам необходимо использовать [(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>
...