component.ts ~~~ import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.component.css'] }) export class HomeComponent implements OnInit { constructor() { } public arr:any[]=[ '1','2','3','4' ]; public arr2:object=[1,2,3,4]; public doubleArr:Array<object>=[ {str1:"123"} , {str2: {key:"123"} } ] ngOnInit(): void { } } ~~~ >HTML 与下标索引 , 内置结构指令 ~~~ <ul> <li *ngFor="let item of arr"> {{item}} </li> </ul> <p>下面是索引</p> <ul> <li *ngFor="let item of doubleArr;let key=index"> {{key}}--{{item}} </li> </ul> <p>数组的0下表的str1对象</p> {{doubleArr[0].str1}} ~~~