javascript - AngularJS 1，什么逻辑决定输出去向？

Question

AngularJS如何决定在哪里输出内容？

我有 3 个级别的内容，但 ng-view 只做了一个主要的内容。

我想我的处理方式是错误的，我有 3 个部分(一个左侧导航，第二个中间导航)，然后第三个是内容部分。

基本上，我想单击左侧导航按钮，然后它会在部分导航中加载某些内容，然后您单击中间导航中的某些内容，它会在右侧的内容部分中加载内容。

有人可以给我指出正确的方向吗:)。

干杯， 海登

Answer 1

您可以使用路由或使用状态来实现这一点。 在下面的示例中，我使用“states”

<强> Example

因此，当您单击“Route1”时，该页面将加载，当您单击“显示列表”时，将显示相关列表。

主要逻辑在这段代码中:

$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"];
  }
})

所以我的主页中有两个状态，一个是“route1”，另一个是“route2”，这两个状态具有特定内容以及另一个嵌套状态，其特定 View 称为“列表”，所以我使用两个ui-view来加载容器中的特定内容，一个在'index.html'中，另一个在'route1.html'或'route2.html'中

这个概念称为嵌套状态和嵌套 View ，您可以阅读有关它的更多信息 here .