[AngularJS]小胡子分部视图使用 AngularJS 替代

发布时间: 2017/4/16 21:03:28
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我捡起一个项目,其视图中使用把手和胡子。

我想要变换和重新使用大部分的 AngularJS。但是我有一个问题用一个简单的事情︰ 与胡子如果,例如,我有这样一个 index.html 文件︰

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

我想要显示有 sidebar.html 的元素。它基本上在所有其他视图以及使用相同的部分侧边栏。然而,我不知道我可以用作另一种方法。

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

谢谢。

解决方法 1:

看看创建您自己的角指令,命名为 '侧边栏,然后可以调用在事后你 html 类似。

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

编辑︰ 我作出快速的JSFiddle ,以显示你的基本原理,你可以使用我提供更复杂的详细信息的链接。(出埃及记而不是在一个字符串中定义的模板,你可以使用 templateURL 属性,并提供 html 文件作为一个模板。

我还建议你在侧边栏的状态传递你想呈现,而不是它分享你父控制器的状态,但这是只是个人的偏好 (可以容易地重新使用)。

赞助商