时间戳

首页 > 解决方案 > Angular 7中对象数组的返回值

angular6 - Angular 7中对象数组的返回值

问题描述

我对 Angular 比较陌生，但我还有很多事情要做。让我解释。我有一个对象数组和一个成功运行的服务，如下所示。 对象数组

我创建了一个输入作为使用 ngx-bootstrap TypeAheadModule 的搜索，因此我可以在搜索中显示预输入值。如果我使用硬编码字符串数组，这是成功的。

下面显示的组件的 html 标记基于该 ngx-bootstrap 文档。

<input [(ngModel)]="selected"
[typeahead]="points"
class="form-control">

这个 [typeahead] 属性看起来只接受一个字符串数组。

所以这是我的问题。我的服务中有一个对象数组，但我只需要每个对象的名称值来填充将成为我搜索的字符串数组的内容。我一直在互联网上寻找从我的数组中检索一个值的最佳方法。我觉得我错过了一些非常简单的东西。

下面是我目前离开的地方。我有我的 api 调用将点加载到点数组中，直到我能弄清楚如何访问数组中的值。

points: Point[] = [];  

 this.service.getPoints().subscribe(response=> {
  this.points = response as Point[]
});

此电流在我的 TypeAhead 中返回 [Object Object]。如何将值访问到我的数组中并将它们作为字符串数组返回？

感谢大家！

标签： angular6angular7

解决方案

试试这个.. 我想你错过了ngFor的 div

  <div *ngFor="let point as points; let i of index">
    <input [(ngModel)]="point[i]"
    [typeahead]="point"
    class="form-control">
  </div>

您尝试points直接打印数组，我希望这种方法可以解决您的问题。

推荐阅读