Javascript ui路由器-使用相同的路由在上加载模板和子视图

我是ui路由器的新手，我希望有人能帮助我从一条路由加载2个视图。我正在查看示例，试图让它与路线同时加载子视图，但我无法开始工作。我认为通过创建一个抽象的路由，然后调用state.go子路由，它会工作，但我遗漏了一些东西

任何想法都值得赞赏

        controller: function($scope){
            $state.go('route1.list');
            $scope.items = ["A", "List", "Of", "Items"];
          }

---

您得到的错误正好指出了问题所在，您已经将

route1

定义为抽象状态，这很好，但是您不能转到抽象状态，抽象状态只有在导航到该抽象状态的子状态时才会运行，因此您必须转到子状态，所以将ui sref=“route1”更改为

ui sref=“rout1.list”

：

---

你好，穆罕默德，谢谢你的回答。如何使此路由加载并显示在页面加载上？我是否需要使用onEnter回调，还是将其放在配置的.run部分？
.state('route1.list', {
              url: "/list",
              templateUrl: "route1.list.html", //child view
              controller: function($scope,$state){
                $state.go('route1.list');
                $scope.items = ["A", "List", "Of", "Items"];
              }
          })