如何使用选择将对象属性绑定到Angular2表单项

Fr3ak1n0ut

我对角度形式有疑问。我正在尝试创建一个使用mongo集合中的数据并通过<select>伪指令提供数据的表单我有一个像这样初始化的FormBuilder:

ngOnInit() {
    this.addForm = this.formBuilder.group({
        department_pk: ['', Validators.required],
        name_c: ['', Validators.required],
        location_fk: [],
        expirationdate_d: [],
    });
}

问题是location_fk财产。我正在尝试通过以下<select>语句填充此属性的值(我在此代码段中省略了其他表单组(对于name_c,...)):

<form [formGroup]="addForm">                 
    <div class="form-group">
        <label>Location (*): </label>
        <select class="form-control" formControlName="location_fk" (ngModelChange)="onChange($event)" name="select">
              <option [ngValue]="i" *ngFor="let i of locations">{{i.name_c}}</option>
        </select>
    </div>
</form>

我设法提取的值i,但是我想i.location_pk从集合中提取属性,同时仍显示i.name_c在用户可见的选择中。有什么办法吗?

slaesh

你试过这个吗?

<option [ngValue]="i['propName']" *ngFor="let i of locations">{{i.name_c}}</option>

或者

<option [ngValue]="i.propName" *ngFor="let i of locations">{{i.name_c}}</option>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将对象属性绑定到 angular2 中的文本框

如何使用 ThymeLeaf 将对象的属性绑定到隐藏字段?

如何从valueChanges中获取所选对象,但仅使用Angular反应形式将对象ID绑定到表单?

Angular2 / Typescript对象和属性绑定到模板

如何绑定到angular2中的data- *属性?

使用Angular2将动态对象绑定到HTML

angular- ui-select-如何将对象属性绑定到ng-model

如何将对象的属性绑定到WPF控件?

将对象列表绑定到表单

angular2:如何将对象复制到另一个对象

如何通过值将对象传递到Angular2 +组件

将对象的某些属性绑定到数据

AngularJS:将对象的属性绑定到ngModel

将新对象绑定到 Angular 表单而不是单个属性

如何使用Angular 2+绑定到数据属性?

如何从用户选择的选项绑定到Angular表单

如何将对象绑定到数组

绑定到angular2中的组件属性

如何使用Angular JS中的表单将对象推入数组

如何将动态创建的表单字段绑定到Angular 2中的对象?

angular2将事件绑定到可观察对象

使用javascript将对象绑定到模板

Xamarin表单绑定到对象属性

WPF-如何使用绑定将对象绑定到每个ListItem

在 WPF 中,将对象创建为资源时,如何“绑定”到通用属性?

如何获取表单输入,使用Angular绑定选择值?

将对象属性绑定到UserControl DP错误

将对象文字绑定到按钮标签的不同属性

无法将对象的属性绑定到自定义控件