AngularJS Mustache 部分视图用法的替代方法

Question

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

我想将其中的大部分转换并重新使用到 AngularJS。但是我遇到了一个简单的问题：使用 Mustache，例如，如果我有一个 index.html 文件，如下所示：

<div class = "blah">
    {{>sidebar}}
</div>

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

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

谢谢。

Answer 1

看看如何创建您自己的 Angular Directive，将其命名为 'sidebar'，然后您可以在 html ex.

中调用它

<div class = "blah">
    <sidebar></sidebar>
</div>

编辑：我快速 JSFiddle 向您展示了基本原理，您可以使用我提供的 link 来了解更复杂的细节。（例如，您可以使用 templateURL 属性并提供 html 文件作为模板，而不是在字符串中定义模板。

我还建议您传递要呈现的侧边栏的状态，而不是共享您的父控制器状态，但这只是个人偏好（更容易重用）。

AngularJS alternative to Mustache partial view usage