javascript - 在 AngularJS 中使用自定义指令进行模板化是否正确？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 9 年前。

Improve this question

我的 AngularJS 应用程序的每个页面上都有一个导航栏和页脚。将这两个放入自定义指令中以便能够在不更新每个 html 文件的情况下更改它们是一个好主意吗？

Answer 1

这当然是一种有效的方法，并且比到处重复要好得多。如果导航栏和页脚不依赖于任何 $scope 绑定(bind)，您甚至可以创建模板并使用 ng-include 指令加载它们。

(可以说)更好的方法是创建嵌套 View 。默认路由器在这方面有点限制，但是 ui-router非常适合这个。 These slides here很好地解释了 ui-router 如何提供帮助。

嵌套 View 方法是创建一个由三个命名 subview 组成的顶级应用程序 View 。

Container View
|
| - - NavBar View
|
| - - Main View
|
| - - Footer View

您甚至可以稍后通过引入侧边栏 View 等来对此进行扩展。