好吧，我是 Angular 的新手，刚开始使用 ngRoute 和 ngView 指令，我遇到了一些对我来说是个问题，但我怀疑这只是一个问题，因为我缺乏 angluar 方面的经验。
我的 index.html 页面上有以下标记(简化):
<html>
<head>
<title>Sample APP</title>
</head>
<body>
<div class="header">
<nav class="pull-right">...</nav>
</div>
<div class="main" ng-view>
</div>
<div class="footer">
</div>
</body>
</html>
以上是我的页面使用的默认布局结构。现在我的问题仅针对主页，在 div 中显示了一个带有“header”类的 slider 。像这样:
<div class="header">
<nav class="pull-right">...</nav>
<div class="slider">...</div>
<div>
现在这仅适用于主页，所以我完全不知道如何实现它。我的索引页上是否需要两个 ng-view 指令？例如:
<html>
<head>
<title>Sample APP</title>
</head>
<body>
<div class="header">
<nav class="pull-right">...</nav>
<div class="slider" ng-view>...</div>
</div>
<div class="main" ng-view>
</div>
<div class="footer">
</div>
</body>
</html>
另外如果你需要知道我为什么这样做，那只是因为我在网上买了一个html模板，现在我正在尝试将angularjs集成到模板中。
最佳答案
单个页面上只有单个 ng-view。不可能有多个 ng-view。如果你想加载其他部分，那么你需要使用 ng-include 指令。
Ui-router支持可以嵌套到另一个 View 的多个 View 的最佳选项，您可以利用嵌套 View 。
您可以在 Angular UI Router 中使用格式为 url: '/test?oneParam&twoParam' 的查询参数，而此功能在 ng-route 中不支持/p>
我建议您从 ng-route 切换到 ui-route，它可以很好地控制 url、模板 & 状态
关于html - angularjs 中主页的多个 ng-views，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30038565/