Angular 如何在一个值中获取所有数组值？

这是一个代码片段

<span *ngFor="let rel of item.daysOfWeek">{{rel.name}} ,</span>

{{rel.name}，

如何在一个值中获取item.daysOfWeek中的所有值，然后在没有ngFor的情况下显示它？

您可以在

daysOfWeek

数组中使用with方法

试试这个：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  item = {
    daysOfWeek: [
      { name: 'Monday' },
      { name: 'Tuesday' },
      { name: 'Wednesday' },
      { name: 'Thursday' },
      { name: 'Friday' },
      { name: 'Saturday' },
      { name: 'Sunday' },
    ]
  }
  daysOfTheWeek = this.item.daysOfWeek.map(rel => rel.name).join(' ,');
}

在模板中：

<span>{{ daysOfTheWeek }}</span>

{{daysOfTheWeek}

您可以在每周的

天

数组中使用with方法

试试这个：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  item = {
    daysOfWeek: [
      { name: 'Monday' },
      { name: 'Tuesday' },
      { name: 'Wednesday' },
      { name: 'Thursday' },
      { name: 'Friday' },
      { name: 'Saturday' },
      { name: 'Sunday' },
    ]
  }
  daysOfTheWeek = this.item.daysOfWeek.map(rel => rel.name).join(' ,');
}

在模板中：

<span>{{ daysOfTheWeek }}</span>

{{daysOfTheWeek}

到目前为止，您尝试过什么？@Jota.Toledo我尝试过在oninit中使用sum daysOfWeek值，也尝试过制作自定义组件，但没有结果您是否需要将每个值包装在

中？@reactular我不需要将每个值包装在

中，我需要1个

，所有数组值都在1个变量中。到目前为止，您尝试了什么？@Jota.Toledo我尝试了在oninit中使用sum days sofweek值，也尝试了自定义组件，但没有结果您是否需要将每个值包装在

中？@reactular我不需要将每个值包装在

中，我需要1

和1个变量中的所有数组值。我认为Angular不允许在表达式中使用这种代码。好的，问题回答：）谢谢，我会尝试this@Reactgular，我的错。你说得对。我犯了个错误。我不知道为什么它第一次起作用。也许我看错了什么。无论如何，谢谢你指出这一点。我已经更新了我的答案：）我认为Angular不允许在表达式中使用这种代码。好的，问题回答：）谢谢，我会试试this@Reactgular，我的错。你说得对。我犯了个错误。我不知道为什么它第一次起作用。也许我看错了什么。无论如何，谢谢你指出这一点。我已经更新了我的答案：）