将一个数组的可观察值映射到 Kendo Scroll View 的 Item 数组

Question

我正在尝试获取映射到 Kendo Item 数组的奖励类型数组：标题：字符串，位置：字符串。

Kendo Scroll View 需要一个项目数组[标题：字符串，位置：字符串]

这是我正在尝试处理的内容：

  public ngOnInit(): void
  {
    this.award$ = this.servicemethods.getRecentAwardsKendo();
    this.award$.subscribe({
      next: value => this.items.map(value.forEach(s => ({title: s.awardBannerText})
    })
  }

下一个：确实拥有所有奖项。 我可以索引数组并获取任何位置 URL、文本属性。

getRecentAwardsKendo() 是返回我希望剑道滚动视图使用的内容的方法。 这是 4 个奖项的内存数据。 每一个都有获奖者的名字、姓氏、获奖日期和获奖横幅文本。我想连接所有这些并将该字符串填充到 title: 属性中。还需要填充位置：使用 imageUrl。

我可以单独获取返回的奖励数组中的所有物品。

迭代返回的数组并将其映射到 Items[] 数组的正确方法是什么？

============ 截至 6 月 25 日下午 4 点 ========== 这是我们的最新代码：

       public ngOnInit(): void
    {
      this.award$ = this.servicemethods.getRecentAwardsKendo();
      this.award$.subscribe({
this.items.map(value.forEach(s => title += s.awardBannerText))
        next: value =>
        {
          console.log('Award Records prior to For Each ', value);
          value.forEach(v =>
          {
            console.log(' in for each before map loop ' + v.awardDate.toISOString() +
              ' \n ' + ' first name ' + v.employeeFirstName);
            this.items.map((m: Item) =>
            {
              console.log('in map loop' + m.title + ' \n ' + 'award date ' + v.awardDate.toISOString() +
                ' \n ' +  'first name ' + v.employeeFirstName);
              m.title = v.awardDate.toISOString() + ' ' + v.employeeFirstName, m.location = v.imageUrl
            })
          })
        }
      })
    }

情节变得更加丰富——这是显示控制台输出的屏幕截图。日志条目：

我们还没有脱离困境:)——这种非常简单的循环使用是如何破坏我们的 4 个输入记录的？

谢谢！

Answer 1

太简单了:)，上面的内容显示了这是如何被过度考虑的。

属性项：需要填充。 将价值映射到项目是显而易见的答案。

   public ngOnInit(): void
 {
   this.award$ = this.servicemethods.getRecentAwardsKendo();
   this.award$.subscribe({
     next: value =>
     {
       this.items = value.map(v => ({
         title: v.awardDate.toLocaleDateString()
           + ' ' + v.employeeFirstName
           + ' ' + v.employeeLastName
           + ' ' + v.doitTuitAwardText,
         location: v.imageUrl
       }));
     }
   })
 }