代码之家 › 专栏 › 技术社区 › mamesaye

JSON对象的角4型前置反应式数组

typeahead angular-reactive-forms object angular arrays

mamesaye · 技术社区 · 7 年前

我有一个窗体,它有一个输入字段,可以输入一个类型。我正在从API调用中获取一个JSON对象数组:

allPeople = [{"id":1,"first_name":"Abba","last_name":"Lee","current_position":"Travel Expert"}, {"id":2,"first_name":"Abbey","last_name":"Joe","current_position":"water keeper"}]

但是当我开始打字的时候 [object object]

这就是我现在拥有的:

<input formControlName="person" [typeahead]="allPeople" [typeaheadOptionsLimit]="10" [typeaheadMinLength]="0" type="text">

我尝试过:

<input formControlName="person" [typeahead]="inf as inf.first_name for inf in allPeople | filter:{first_name:$viewValue}" [resultFormatter]="formatMatches" [inputFormatter]="formatMatches"  [typeaheadOptionsLimit]="10" [typeaheadMinLength]="0" type="text">

但我得到了一个错误:

Uncaught Error: Template parse errors:
Parser Error: Unexpected token 'as' at column 5 in [inf as inf.first_name for inf in allPeople | filter:{first_name:$viewValue}] in ...

当我开始输入时,如何获取输入以显示/建议我的名字和姓氏?

1 回复 | 直到 7 年前

Paresh Gami 7 年前

您的数组是自定义数组,因此需要指定需要在打印头中显示的键

<input [(ngModel)]="customSelected"
       [typeahead]="allPeople"
       typeaheadOptionField="first_name"
       class="form-control">

你需要使用 typeaheadOptionField 在这里,你需要给键名值在哪里,所以在这里你必须使用 first_name

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

ShaAnder · 为什么sqllachemy返回的是类而不是字符串

1 年前

D_chez12 · 如果对象键值为空,则过滤掉数组中的对象

1 年前

Mohit · React useContext():当试图在useContext(()api中执行函数以获取数据时,对象作为React子对象无效

1 年前

Powl_London · Javascript Object,返回一个新数组,其中包含与该对象匹配的索引[重复]

1 年前

MeltingDog · 如何检索嵌套的JS对象并通过索引获取其数据?

1 年前

London28 · Javascript,映射一个对象数组以返回新数组[重复]

1 年前

bolthy · 将数据帧中的值从对象转换为整数/浮点数,但它们仍作为对象运行

1 年前

SamCharles · 在JavaScript的对象数组中查找对象数组中不区分大小写的子字符串

1 年前

VonDerHase · 从列表中删除特定值,Python

1 年前