私はangular2とThymeleafを一緒に使うことができますか？

Question

私はThymeleaf thを入れました：angular2のテンプレートでは、th：はコンパイルされません。私はそれらを一緒に使うことができる方法はありますか？

import {Component, NgModule} from '@angular/core' 
import {BrowserModule} from '@angular/platform-browser' 


@Component({ 
    selector: 'my-app', 
    template: ` 
    <table xmlns:th="http://www.w3.org/1999/xhtml"> 
     <tbody> 
      <tr> 
       <th>User Name</th> 
       <th th:each="role : ${roles}"> 
        <div class="row"> 
         <div th:text="${role.type}"></div> 
        </div> 
       </th> 
      </tr> 
     </tbody> 
    </table>`, 
    }) 
export class App {} 

Answer 1

フロントエンド用に2つのフレームワークを混在させています。 Angularは、クライアントサイドで処理されるフロントエンドフレームワークであり、一方、Thymeleafは、サーバ側で処理されます。

あなたは2つのオプションがあります。

• 使用角度と（例えば）春一緒に、あなたは角（フロントエンド）へのバックエンドからデータを公開するためのREST APIを使用します、その後、 あなたを」 *ngForディレクティブを使用します。そのような春のMVCやSpring Webflowのようなフレームワーク などと

• 使用Thymeleaf（それはここでは角度を使用することも可能ですが、あなたはThymeleafは、サーバー側で処理されるので、あなたは Thymeleafコードを置くことができない を知っている必要がありますJavaScriptファイルに変換され、 が処理されます（）。

Answer 2

はい、AngularとThymeleafを併用することができます。あなたのコードでは、レイアウト情報をjavascriptに入れました。これは良い方法ではありません。あなたはjavascriptコードからそれを抜き出してhtmlテンプレートにする必要があります。 htmlテンプレートを置く場所に注意する必要があります。私の投稿をここで確認してください：

Make Spring Thymeleaf work with AngularJS routeProvider