AngularJS替代Mustache部分视图使用

AngularJS alternative to Mustache partial view usage

本文关键字：视图 替代 Mustache AngularJS      更新时间：2023-09-26

我拿起了一个在视图中使用Handlebars和Mustache的项目。

我想将其中的大部分转换并重用到 AngularJS。但是，我在一件简单的事情上遇到了问题：例如，如果我有一个索引.html文件，请使用 Mustache

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

有一个侧边栏.html上面有我想出现的元素。它基本上也在所有其他视图中使用相同的部分侧边栏。但是，我不知道我可以用什么来替代它。

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

谢谢。

看看创建你自己的 Angular 指令，把它命名为"sidebar"，然后你可以在你的 html ex 中调用它。

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

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

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

相关文章：