使用ngFor迭代项目数组以创建NativeScript GridLayout

<GridLayout columns="auto" rows="auto" *ngFor="let item of projectArray">
  <!-- 在这里放置要循环渲染的项目内容 -->
</GridLayout>

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

@Component({
  selector: "app",
  templateUrl: "./app.component.html"
})
export class AppComponent {
  projectArray: any[] = [
    { name: "项目1", description: "这是项目1的描述" },
    { name: "项目2", description: "这是项目2的描述" },
    { name: "项目3", description: "这是项目3的描述" }
  ];
}

<GridLayout columns="auto" rows="auto" *ngFor="let item of projectArray">
  <Label [text]="item.name"></Label>
  <Label [text]="item.description"></Label>
</GridLayout>