好吧,我是 Angluar 的新手,刚刚开始使用 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>
以上是我的页面使用的默认布局结构。现在我的问题仅针对主页,一个滑块显示在带有“header”类的 div 中。像这样:
<div class="header">
<nav class="pull-right">...</nav>
<div class="slider">...</div>
<div>
现在这仅适用于主页,所以我对如何实现它完全感到困惑。我需要two我的索引页上有 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路由器 https://github.com/angular-ui/ui-router最好的选择是支持可以嵌套到另一个视图中的多个视图,您可以利用嵌套视图的优势。
您可以在 Angular UI Router 中使用查询参数,就像格式一样url: '/test?oneParam&twoParam'
而此功能不支持ng-route
我建议你从ng-route
to ui-route
,它有很大的控制能力url
, templates
& states
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)