사용자 정의 객체 유형 목록을 각도로 렌더링하는 방법은 무엇입니까?

Question

나는 자바에 목록이있다. 사용자 정의 객체에는 제목, 지침, 데이터라는 세 개의 필드가 있습니다. angularjs를 사용하여 의미있는 방식으로 목록을 렌더링 할 수 있기를 원합니다. 목록의 각 CustomObject에 대한 상자에 래핑 될 데이터 바로 위의 지침을 맨 위에 표시하고 싶습니다. 나는 프론트 엔드에 매우 익숙하며 전에 Angularjs를 사용한 적이 없습니다.

저는 Angular1을 사용하고 있습니다. 나는 처음에 그것을 ginormous 문자열로 전달했습니다. 이제 목록이 프론트 엔드에 도착하고 목록의 내용을 볼 수있는 목록이 있습니다. 그것은 단지 읽기 쉽고 의미있는 방식으로 표시되지 않습니다. 목록을 각 CustomObject에 대해 세로로 분할하고 싶습니다. 각 CustomObject 섹션에는 맨 위에 제목이 있고 지침이 이어지고 데이터 주위에 상자 래퍼가 있어야합니다. Java 클래스는 다음과 같은 것입니다 : 나는 당신이 REST API 또는 자바 오른쪽에서 해당 정보를 노출 JSON가 있다고 가정

1. Title A 
    Instructions A 
    -------- 
    |Data A| 
    -------- 
2. Title B 
    Instructions B 
    -------- 
    |Data B | 
    -------- 

Answer 1

<ol> 
    <li *ngFor="let item in customObjects"> 
    <div>Title {{item.title}}</div> 
    <div>Instructions {{item.Instructions}}</div> 
    <div>Data {{item.Data}}</div> 
    </li> 
</ol>