Angular Typescript 在父集合中指定字符串数组的集合。获取编译器错误答案

【问题标题】：Angular Typescript Specify a collection of string array inside a parent collection. Getting Compiler errorAngular Typescript 在父集合中指定字符串数组的集合。获取编译器错误
【发布时间】：2019-07-09 22:07:26
【问题描述】：

我正在尝试在父集合数组中指定一个嵌套字符串数组。我尝试了一些更改，但我不断收到红线编译器错误。我尝试了谷歌，但我没有解决我的错误。

我有一个界面

interface Sale {
dates: string[];
categories: string[];
}

In my object which I will bind to the UI, I got

sales: Sale[] = [
{ dates: ['1/2/2019', '1/3/2019', '1/4/2019'],
  categories: {
   {['$3398.63', 'N/A', '$5858.31', '0.00', '(2858.31)'],
   ['$4398.63', 'N/A', '$6858.31', '0.00', '(3858.31)'],
['$5398.63', 'N/A', '$7858.31', '0.00', '(4858.31)'],
   };
  }

}];

在我的类别子数组中，我不能 1 到可能的数组集合。上面，我有 3 个字符串数组属于类别。在我的角度 ui 中，我想做这样的事情

*ngFor= "let category of sale.categories" 它将遍历 3 个类别数组中的每一个。在每个类别中，我可以像下面这样列出数组元素

<li *ngFor= "let element of category>
  {{element}}
</li>

所以我希望显示类似这样的 UI

$3398.33 不适用 0 (2858.31)

$4398.63 不适用 0 (3858.31)

感谢任何帮助。谢谢。

【问题讨论】：

标签： angular typescript

【解决方案1】：

你可以这样做

interface category: string[]
interface Sale {
  dates: string[];
  categories: category[];
}
sales: Sale[] = [{
  dates: ['1/2/2019', '1/3/2019', '1/4/2019'],
  categories:[
      ['$3398.63', 'N/A', '$5858.31', '0.00', '(2858.31)'],
      ['$4398.63', 'N/A', '$6858.31', '0.00', '(3858.31)'],
      ['$5398.63', 'N/A', '$7858.31', '0.00', '(4858.31)']
      ]
}];

<li *ngFor= "let category of categories">
  <p *ngFor= "let element of category">{{element}}</p>
</li>

【讨论】：

【解决方案2】：

我得到了以下工作。更改以粗体显示

interface Sale {
dates: string[];
categories: **any**[];
}




sales: Sale[] = [
{ dates: ['1/2/2019', '1/3/2019', '1/4/2019'],
  categories: {
   {**values**: ['$3398.63', 'N/A', '$5858.31', '0.00', '(2858.31)'],
   **values**: ['$4398.63', 'N/A', '$6858.31', '0.00', '(3858.31)'],
**values**: ['$5398.63', 'N/A', '$7858.31', '0.00', '(4858.31)'],
   };
  }

}];

【讨论】：

这是解决问题的糟糕方法，values 作为 json 中的键在这里没有任何用途。考虑实施 Ritik Patni 的解决方案，因为它更干净。