프로그래밍

Question

나는이 포함 된 HTML 템플릿, details.html을 가지고이 카드를 이온을 클릭 할 수있는 버튼을 추가합니다. 그들은 내가 같이 로컬 저장소에 저장 한 세부 배열에 포함 된 값에 따라 스타일됩니다됩니다

<button ion-button color={{data[index][color]></button> 

나는 나의 세부 나는이 같은 스토리지에서 필요로하는 배열과 값에 액세스 할 수있게되었습니다. TS : 버튼의 수는 항상 동적

arr.then(data => { 
    console.log(data); 
    for (let index in data){ 
     console.log(data[index][color]); 
    } 
    }); 

1) (0-10). 2) "color"값은 버튼의 색상 값을 설정하는 데 필요합니다. 3)이 기능을 자체 구성 요소/페이지에 넣을 수는 없습니다. 다른 카드가있는 페이지에 있어야합니다.

이 작업을 수행하는 방법에 대한 아이디어가 있습니까? 나는 문서를 통해, 그래서 내가 찾을 수있는 모든 것을 해왔다. 이 역동적 인 것들에 대해 많은 것을 찾을 수 없었습니다.

Answer 1

ng의 경우은 내가 원하는 것입니다.

ngFor 지시어는 : https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html

ngFor 지시어는 템플릿의 배열을 통해 루프를 할 수 있습니다.

details.html

<button *ngFor="let item of data" ion-button color="{{item[color]}}"></button>