angularjs如何决定输出内容的位置？
我有3个级别的内容，但ng-view只有一个主要的内容。
认为我的方式错误，我有3个部分（一个是左侧导航，第二个是中间导航），第三个是内容部分。
基本上我想单击左侧导航按钮，然后在部分导航中加载某些内容，然后单击该中间导航中的内容并将其加载到右侧内容部分中。
有人可以指出我正确的方向：）。
干杯， 海登
答案 0 :(得分：0)
您可以使用<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="grid-five">
<div class="image-thumb">
<figure>
<img src="https://www.w3schools.com/html/pic_mountain.jpg">
</figure>
</div>
</div>
<div class="grid-five">
<div class="image-thumb">
<figure>
<img src="https://www.w3schools.com/html/pic_mountain.jpg">
</figure>
<i class="icon-close sprite"></i>
</div>
</div>
<div class="grid-five">
<div class="image-thumb overlay">
<figure>
<img src="https://www.w3schools.com/html/pic_mountain.jpg">
</figure>
</div>
</div>
<div class="grid-five">
<div class="image-thumb overlay">
<figure>
<img src="https://www.w3schools.com/html/pic_mountain.jpg">
</figure>
</div>
</div>
<div class="grid-five">
<div class="image-thumb overlay">
<figure>
<img src="https://www.w3schools.com/html/pic_mountain.jpg">
</figure>
</div>
</div>
</div>
</div>或使用routing来实现这一目标。
在下面的例子中，我使用的是`states＆＃39;
<强> Example
所以当你点击＆＃39; Route1＆＃39;该页面将加载，当您点击“显示列表”时相关列表将显示。
主要逻辑在此代码中：
states所以我的主页上有两个状态，一个是＆＃39; route1＆＃39;和其他是＆＃39; route2＆＃39;并且这两个状态具有特定内容以及另一个嵌套状态，并且它的特定视图称为＆＃39; list＆＃39;，因此我使用两个$stateProvider
.state('route1', {
url: "/route1",
templateUrl: "route1.html"
})
.state('route1.list', {
url: "/list",
templateUrl: "route1.list.html",
controller: function($scope) {
$scope.items = ["A", "List", "Of", "Items"];
}
})
.state('route2', {
url: "/route2",
templateUrl: "route2.html"
})
.state('route2.list', {
url: "/list",
templateUrl: "route2.list.html",
controller: function($scope) {
$scope.things = ["A", "Set", "Of", "Things"];
}
})
来加载容器中的特定内容，一个在＆＃39; index.html＆＃39;而另一个是在＆＃39; route1.html＆＃39;或者＆＃39; route2.html＆＃39;
这个概念被称为嵌套状态＆amp;嵌套视图，您可以阅读更多相关信息here。