如何呈现Angular中的自定义对象类型列表？

-2

我在java中有一个列表。自定义对象有三个字段：标题，说明，数据。我希望能够使用angularjs以有意义的方式呈现列表。我想在顶部有标题，然后在Data的上方放置指令，这些指令将被包装在列表中每个CustomObject的框中。我对前端非常陌生，以前从未使用过Angularjs。如何呈现Angular中的自定义对象类型列表？

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

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

我希望它看起来像：

来源

2017-03-07 user3418847

我假设你有一个REST API或暴露从Java正确的信息的JSON？ – Koitoer

请提供演示您尝试过的代码，数据的外观以及您希望的样子。还有关于Angular1或Angular2的问题？ –

@GünterZöchbauer为问题增加了更多信息。请看一看。 – user3418847

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

来源

2017-03-07 18:03:37

虽然此代码可能回答此问题，但提供有关如何解决问题和/或为何解决问题的其他上下文可提高答案的长期价值。 –

@DonaldDuck这个问题还很不清楚。我等待反馈，然后我会更新它。 –

它不喜欢* ng非常。它与ng-repeat一起工作。 – user3418847

如何呈现Angular中的自定义对象类型列表？

回答

相关问题