Как получить доступ к значению по умолчанию из угловой формы

Question

Я создал шаблонную форму в угловых.И в этой форме для одного поля ввода я получаю значение от другого компонента.И я назначил это значение в поле ввода.Я создал модель также.И теперь мне нужно получить доступ к этому значению после нажатия кнопки ОК.В консоли я получаю пустое значение.Как получить это динамическое значение.Любая помощь, пожалуйста

form.html

    <form name="form" #f="ngForm" class="form-horizontal">



         <div class="form-row">

            <label>Remaining qty: &nbsp;&nbsp;</label>

           <div class="form-group col-md-3">
             <input type="text" [value]="myValue"  class="form-control" [(ngModel)]="myModel.modelValue.value"  name="modelValue" readonly>
          </div>
        </div> 

  <button type="button" class="btn btn-primary" (click)="submit()">OK</button>
    </form>

form.ts

import { Component, OnInit ,Input} from '@angular/core';
import { MyModel } from './myModel.model';


@Component({
  selector: 'app-form,
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent implements OnInit {

    constructor(){
    }

  myModel: MyModel= new MyModel();
   rowData:any;

  @Input() myValue:any;


  ngOnInit() {
  }


  submit(){

    console.log(this.myModel);

}

form.model

import { BasicSearchModelI, BasicSearchKey } from '../base';

    export class myModel{

          modelValue: BasicSearchModelI = {
                value: '',
                apiKey: 'modelValue'
          };


    }

Answer 1

Вы присваиваете значение атрибуту, а также выполняете двустороннюю привязку, которая не будет работать.вместо этого вы можете назначить myValue в myModel.modelValue.value объекте в методе ngOnInit() и просто выполнить двустороннее связывание, как показано ниже

form.html

<input type="text" class="form-control" [(ngModel)]="myModel.modelValue.value" name="modelValue" readonly>

form.ts

ngOnInit()
{
     myModel.modelValue.value = myValue;
}