Javascript 如何包装类="；“世界其他地区”；绕圈子

所需输出：

<li *ngFor="let category of categories; let i = index">
   <a href="{{ '/' + (category[0] | lowercase) + '-invitations/invite/all-cards' }}">{{ category[0] }}</a>
</li>

一,
二,
三,
四,
五,
六,
七,
八,
九,
十,
三,
四,

有什么帮助吗？ 请有人看看 请有人看看

---

请有人对你的类别进行分组，并对分组进行迭代

<div class="row">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</div>
<div class="row">
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
</div>
<div class="row">
  <li>9</li>
  <li>10</li>
  <li>3</li>
  <li>4</li>
</div>

//在您的component.ts中创建一个“getter”
获取groupCategories（）{
let groupCategories:any[]=[]；
设j=-1；
对于（让i=0；我来谈谈堆栈溢出！请通读相关主题，尤其是做你的研究，并试一试。如果你在做了更多的研究和搜索后陷入困境，无法摆脱困境，请发布你的尝试，并具体说明你陷入困境的地方。人们会很乐意提供帮助。祝你好运！旁注：
li
 不是
div
的有效子元素。更多：，。
categories
的外观如何？类别在阵列中，因此您希望在屏幕上显示4个相邻的项目？您也在使用引导程序吗？如果（i%4==0）{

to，则可以将其写入

。这首先不起作用
groupCategories[j]
推送时未定义。：glups：代码错误。我刚刚更正过
//In your component.ts create a "getter"

get groupCategories(){
   let groupCategories:any[]=[];
   let j=-1;
   for (let i=0;i<this.categories.length;i++)
   {
       if ((i%4)==0)
       {
         groupCategories.push([]);
         j++;
       }
       groupCategories[j].push(this.categories[i]);
   }
   console.log(groupCategories);
   return groupCategories;
}