Javascript AngularJS替代胡须局部视图使用

我拿起一个项目，在它的视图中使用了把手和胡子

我想将大部分内容转换并重新使用到AngularJS。但是，我遇到了一个简单的问题：例如，如果我有一个index.html文件，那么我就有胡子问题：

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

{{>侧边栏}

有一个包含我想要显示的元素的sidebar.html。它基本上在所有其他视图中使用相同的部分侧栏。然而，我不知道我能用什么来代替这个

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

---

谢谢。

看看如何创建您自己的，将其命名为“侧栏”，然后您可以在html ex中调用它

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

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

---

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

看看如何创建自己的侧边栏，将其命名为“侧边栏”，然后您可以在html ex中调用它

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

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

---

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

查看一下

ng include

指令。我可能会将它包装在自定义指令调用的

侧栏中。我在发布问题之前尝试了一下，但没有效果。我看了更多，重新排列了一点，但仍然不起作用，不知道我是否做错了什么，但我会继续查看。看一看进入
ng include
指令。我可能会将其包装在自定义指令调用的
侧边栏中。我在发布问题之前尝试了一下，但没有效果。我仔细研究了一下，重新安排了一下，仍然不起作用，不知道我是否做错了什么，但我会继续研究。我试过了（预编辑，将重试，谢谢）但它不起作用，但它似乎是最好的解决方案。我不知道它在app.js文件中设置为handlebar，使用extname将其设置为html是否会导致冲突，因为我试图在主页中运行一个简单的角度片段，但没有显示任何内容。我应该更改吗？我尝试过了（预编辑，将重试，谢谢）但它不起作用，但它似乎是最好的解决方案。我不知道它在app.js文件中设置为handlebar，使用extname将其设置为html是否会导致冲突，因为我试图在主页中运行一个简单的角度片段，但没有显示任何内容。我应该更改吗？