[英]How to access default value from template driven form of angular
I have Created a template driven form in angular.我在 angular 中创建了一个模板驱动的表单。 And in that form for one input field I am getting value from another component.在一个输入字段的那种形式中,我从另一个组件中获得了价值。 And I have assigned that value to the input field.我已将该值分配给输入字段。 I have created model also.我也创建了 model。 And now I need to access that value after clicking ok button.现在我需要在单击确定按钮后访问该值。 In console I am getting empty value.在控制台中,我得到了空值。 How to get that dynamic value.如何获得该动态值。 Any help please请提供任何帮助
form.html表格.html
<form name="form" #f="ngForm" class="form-horizontal">
<div class="form-row">
<label>Remaining qty: </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表格.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表格.model
import { BasicSearchModelI, BasicSearchKey } from '../base';
export class myModel{
modelValue: BasicSearchModelI = {
value: '',
apiKey: 'modelValue'
};
}
You are assigning value attribute as well as doing two way binding, that will not work.您正在分配值属性以及进行两种方式绑定,这将不起作用。 instead of this you can assign myValue
in myModel.modelValue.value
object in ngOnInit()
method and just do two way binding as shown below而不是这个,您可以在ngOnInit()
方法中的myModel.modelValue.value
object 中分配myValue
,然后进行两种方式绑定,如下所示
form.html表格.html
<input type="text" class="form-control" [(ngModel)]="myModel.modelValue.value" name="modelValue" readonly>
form.ts表格.ts
ngOnInit()
{
myModel.modelValue.value = myValue;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.