使用角度像soma-template

时间:2013-10-17 21:14:48

标签: javascript templates angularjs

有一个名为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()方法组合在一起?

由于

0 个答案:

没有答案