Question

我在java中有一个List。自定义对象有三个字段，标题，说明，数据。我希望能够使用angularjs以有意义的方式呈现列表。我想将标题放在顶部，然后是数据上方的说明，它将被包装在列表中每个CustomObject的框中。我对前端非常新，之前从未使用过Angularjs。

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

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中呈现自定义对象类型列表？

1 个答案: