0

soma-templateと呼ばれる新しい DOM ベースのテンプレート エンジンがあります。

var tempDiv = document.createElement("div");

var str = "<div data-repeat='item in items'><div>{{$index}} - {{greet}} {{item.name}}!</div> </div>";

var template = soma.template.create(str,tempDiv );

template.scope.greet = "Hello";

template.scope.items = [
     { "name": "John" },
     { "name": "David" },
     { "name": "Mike" }];

template.render();

var finalHtmlStr = newDiv.innerHTML;

処理された html 文字列を取得します。

Angularjs ( Is it possible to compile angular template to final html string? ) を使用して同様の結果を達成しようとしましたが、ページ内の隠し要素を使用してのみそれを行うことができました。

次に、角度がその要素をレンダリングしてそのinnerHTMLを取得するのを待つ必要があります。

$viewContentLoaded イベントを使用しましたが、あまり用途がありません。

soma-template は素晴らしいですが、とても若く、私が必要とするいくつかの先物がありません。

エンジンとして angular を使用する soma-template のような render() メソッドをまとめる方法はありますか?

ありがとう

4

0 に答える 0