如何在 Angular 中呈现自定义 object 类型的列表？

Question

我在 java 中有一个列表。自定义 object 具有三个字段，标题、说明、数据。我希望能够使用 angularjs 以有意义的方式呈现列表。我想将标题放在顶部，然后是数据上方的说明，这些数据将包装在列表中每个 CustomObject 的框中。我对前端很陌生，以前从未使用过Angularjs。

我正在使用 Angular1。我最初将它作为一个巨大的字符串传递，现在我有一个列表，我可以看到该列表到达前端并且可以看到列表的内容。它只是没有以 readable/meaningful 的方式显示。我希望为每个 CustomObject 垂直分割列表。每个 CustomObject 部分应该在顶部有一个标题，然后是说明，然后是数据周围的包装盒。 Java class 是这样的：

class CustomObject{
  String title;
  String Instructions;
  String Data;
}

我希望它看起来像：

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>

如何在 Angular 中呈现自定义 object 类型的列表？

How would I render a list of custom object type in Angular?

javascript

frontend

angularjs

angularjs-directive

angularjs-scope