AngularJS替代Mustache局部视图用法

时间:2016-02-22 16:04:44

标签: javascript html angularjs mustache

我选择了一个在其视图中使用了Handlebars和Mustache的项目。

我想将大部分内容转换并重用到AngularJS。但是我遇到了一个简单的问题:例如,如果我有一个像我这样的index.html文件的Mustache:

Automapper

有一个sidebar.html,其中包含我想要显示的元素。它基本上在所有其他视图中使用相同的部分侧边栏。但是,我不知道我可以用什么替代它。

非常感谢使用AngularJS或通用HTML的任何建议。

谢谢。

1 个答案:

答案 0 :(得分:2)

看看如何创建自己的Angular Directive,将其命名为“sidebar”,然后可以在html ex中调用。

StandardCharsets.UTF_16

编辑:我快速JSFiddle向您展示了基本原则,您可以使用我提供的链接获取更复杂的细节。 (例如,不是在字符串中定义模板,而是可以使用templateURL属性并提供html文件作为模板。

我还建议您传递要渲染的侧边栏的状态,而不是它共享您的父控制器状态,但这只是个人偏好(使其更容易重复使用)。