我在理解如何创建网格组件时遇到问题,该组件在输入时会为网格的内部元素提供许多列,行和字符串列表。
我thumbnails.component.ts] >>
import { Component, Input } from '@angular/core'; @Component({ selector: 'thumbnails', templateUrl: './thumbnails.component.html', styleUrls: ['./thumbnails.component.scss'] }) export class ThumbnailsComponent{ public UrlList = ["one","two","three","four","five","six","seven","eight","nine","ten"]; private col: Number = 4; private row: Number = 4; }
我thumbnails.component.html
<div id="grid"> <ng-container *ngFor="let x of UrlList; let i = index"> <div class="row"> <div class="col"> {{x}} </div> </div> </ng-container> </div>
我不知道如何实现它。有人可以帮我解释一下吗?
我在理解如何创建网格组件时遇到问题,该组件在输入时会为网格的内部元素提供许多列,行和字符串列表。我的thumbnails.component.ts import ...
尝试此代码:your.compomnent.html