Как я могу отобразить объект arraylist в табличном формате с помощью angularjs?

<table border="1" style="width: 95%; border-collapse: collapse;"> 
 
    
 
    <tr> 
 
    <td class="headercol"><b>INST_ID</b></td> 
 
    <td class="headercol"><b>SID</b></td> 
 
    <td class="headercol"><b>SERIAL</b></td> 
 
    <td class="headercol"><b>SPID</b></td> 
 
    <td class="headercol"><b>USERNAME</b></td> 
 
    <td class="headercol"><b>OSUSER</b></td> 
 
    <td class="headercol"><b>STATUS</b></td> 
 
    <td class="headercol"><b>MODULE</b></td> 
 
    <td class="headercol"><b>MACHINE</b></td> 
 
    <td class="headercol"><b>SQL_HASH_VALUE</b></td> 
 
    <td class="headercol"><b>LOGON_TIME</b></td> 
 
    <td class="headercol"><b>IDLE_MINS</b></td> 
 
    </tr> 
 
    <s:iterator value="sessionDetailsBean"> 
 
    <tr> 
 
     <td class="rowcol"><s:property value="INST_ID" /></td> 
 
     <td class="rowcol"><s:property value="SID" /></td> 
 
     <td class="rowcol"><s:property value="SERIAL" /></td> 
 
     <td class="rowcol"><s:property value="SPID" /></td> 
 
     <td class="rowcol"><s:property value="USERNAME" /></td> 
 
     <td class="rowcol"><s:property value="OSUSER" /></td> 
 
     <td class="rowcol"><s:property value="STATUS" /></td> 
 
     <td class="rowcol"><s:property value="MODULE" /></td> 
 
     <td class="rowcol"><s:property value="MACHINE" /></td> 
 
     <td class="rowcol"><s:property value="SQL_HASH_VALUE" /></td> 
 
     <td class="rowcol"><s:property value="LOGON" /></td> 
 
     <td class="rowcol"><s:property value="IDLE_MINS" /></td> 
 
    </tr> 
 
    </s:iterator> 
 
    
 
</table>

Я выборки данных из базы данных, а затем хранить его в ArrayList. Я хочу показать объект arraylist на странице jsp. sessionDetailsBean - это arraylist, где я храню значения, полученные из базы данных. Я хочу преобразовать его в angularjs. Как мне это сделать?

источник

2015-04-22 Tushar Kanta Prusty

ОК, но где код? –

А что делать с страницами ArrayLists и JSP с AngularJS? Предполагается, что приложения AngularJS получат свои данные от служб REST, возвращающих структуры JSON. –

@JBNizet так angularjs читает только данные json? не можем ли мы использовать angularjs для итерации через arraylist? –

Угловой работает только на стороне клиента. Виды вещей, которые вы делаете на странице JSP, происходят на сервере. Весь рендеринг JSP будет уже выполнен к моменту запуска вашего Углового кода; любые объекты Java (такие как ArrayList) не будут доступны вашему угловому коду.

Angular может обрабатывать любой формат данных, который может обрабатывать JavaScript, но JSON часто проще всего работать. Вы можете создать веб-службу на Java, которая преобразует ваш ArrayList в JSON (это легко сделать с использованием библиотеки сериализации). Точно как создать этот веб-сервис зависит от вашей среды - вы уже используете сеть framework? Тогда вы, вероятно, имеете доступную вам библиотеку сервлетов JSON. Затем ваш угловой код может сделать запрос AJAX для получения этих данных и обработать его, как вам нравится. Если вы планируете отображать данные в таблице, я предлагаю использовать директиву Angular ng-repeat.

источник

2015-04-22 17:57:17 Trevor

Да, ng-repeat - это то, что я использую для таблиц в угловых. – ryanyuyu

Как я могу отобразить объект arraylist в табличном формате с помощью angularjs?

ответ

Смежные вопросы