Как автоматически сохранить formControlName с помощью Nativescript

Question

У меня есть это TextField в формате .html

<TextField class="textfield" row="0" col="1" formControlName="powersupplyid" [text]='myipdevice'> </TextField>

Я хочу автоматически сохранять эту функцию, когда отображается «myipdevice».

getform() {
    ..........
     .....
        this.myipdevice = myipfind;
        console.log('u gjet', this.myipdevice)
        let LS = require("nativescript-localstorage");
        LS.setItem(this.myipdevice);
    }

Можете ли вы спросить меня, как это сделать?значение автосохранения myipdevice когда данные отображаются в формате html?

Спасибо!

Answer 1

Прямо сейчас вы, кажется, делаете две вещи.С одной стороны, вы привязываете TextField к полю реактивной формы с помощью formControlName, с другой стороны, вы также привязываете свойство [text].Я бы предложил использовать только formControlName.

. В вашем компоненте вы можете затем передать значение элементу управления после его получения.(Поскольку вы не опубликовали полный код, я делаю некоторые предположения здесь.)

Таким образом, в методе ngOnInit в примере вы можете извлечь сохраненное значение из хранилища.Затем обновите свой FormGroup с помощью patchValue, чтобы отправить изменение в представление.

Кроме того, вы можете прослушать изменения в элементе управления, подписавшись на valueChanges.

export class IpDeviceFormComponent implements OnInit {

  form: this.fb.group({
    powersupplyid: [''] // this is the FormControl bound to your TextField
  });

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    // get a previously saved value from somewhere
    getSavedPowerSupplyId().subscribe(id => {
      this.form.patchValue({
        powersupplyid: id
      });
    });

    // listen for any changes to the form
    this.form.valueChanges.subscribe(form => { /* Save new form state */ });
  }
}

Answer 2

оно уже сохраняется в вашем объекте формы, как бы вы его ни называли .. допустим, вы назвали его «формой»

, тогда this.form.controls.powersupplyid.value должно автоматически обновлять значение при каждом вводе или выполнении чего-либо внутритекстовая область