如何使用选择将对象属性绑定到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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Angular2:如何使用ui-router将对象传递到状态

来自分类常见问题

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

使用Angular 2绑定到模式属性

来自分类Dev

如何将对象绑定到数组

来自分类Dev

绑定到angular2中的组件属性

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

使用javascript将对象绑定到模板

来自分类Dev

将对象属性内的对象绑定到WPF Datagrid中

来自分类Dev

Aurelia / Typescript-如何通过选择标签将对象绑定到变量

来自分类Dev

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

来自分类Dev

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

来自分类Dev

我如何知道在选择框中选择了哪个对象,或者有可能将对象绑定到KnockoutJS视图模型?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Angular2:组件如何绑定到类?

来自分类Dev

如何将对象中的预填充数据绑定到 Angular 5 中的单选按钮

来自分类Dev

Angular2选择框将对象作为字符串传递

来自分类Dev

使用jQuery $ .data将对象绑定到对象

来自分类Dev

从服务器将对象从父组件传递到子组件angular2

来自分类Dev

Angular2,TypeScript,如何将属性值读取/绑定到组件类(在ngOnInit中未定义)

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

    Angular2:如何使用ui-router将对象传递到状态

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

    使用Angular 2绑定到模式属性

  10. 10

    如何将对象绑定到数组

  11. 11

    绑定到angular2中的组件属性

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

    使用javascript将对象绑定到模板

  16. 16

    将对象属性内的对象绑定到WPF Datagrid中

  17. 17

    Aurelia / Typescript-如何通过选择标签将对象绑定到变量

  18. 18

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

  19. 19

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

  20. 20

    我如何知道在选择框中选择了哪个对象,或者有可能将对象绑定到KnockoutJS视图模型?

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

    Angular2:组件如何绑定到类?

  25. 25

    如何将对象中的预填充数据绑定到 Angular 5 中的单选按钮

  26. 26

    Angular2选择框将对象作为字符串传递

  27. 27

    使用jQuery $ .data将对象绑定到对象

  28. 28

    从服务器将对象从父组件传递到子组件angular2

  29. 29

    Angular2,TypeScript,如何将属性值读取/绑定到组件类(在ngOnInit中未定义)

热门标签

归档