Angular / UI-Router：访问另一个状态的控制器

Question

基本上，如何在 html 中访问未命名状态的控制器？我正在使用循环生成状态，包括我的 SPA 中的未命名控制器。尽管路由工作正常，主页 ng-include 了每个状态，但显然没有加载 /home 路由上的每个状态控制器。

这是我想要的示例，当我按预期导航到 /about 和 {{thisData}} = 'about Data' 时效果很好，但我希望 $scope 也位于具有 ng-include 的 /home 路由上.

<div ng-include="'views/about.html'" ng-controller="the about state's controller"></div>

在我的 app.js..

var routes, setRoutes;

routes = ['home','about','services','clients','articles','media','admin', '404'];

setRoutes = function(route) {
  var state, config;
  state = route;
  config = {
    url: '/' + route,
    templateUrl: 'views/' + route + '.html',
    controller: function($scope, $state){
      $scope.thisData = route + " Data";                
    }
  }
  $stateProvider.state(state, config);
  return $stateProvider;
};

routes.forEach(function(route) {
      console.log(route);
      return setRoutes(route);
  });

Answer 1

ui-router不与ng-include 和ng-controller 一起工作（按设计、有意）。这些是不同的概念。

基本上，您的状态之一将在时间呈现。一个状态中可能有更多视图：

• Multiple Named Views

或者它们可能存在层次结构 - 所以有一次我们可以看到一个孙状态（'root.list.detail'）及其所有祖先。

• Nested States & Nested Views

这里指出了正确理解ui-router的所有基本资源：

• doc, wiki, example, state.js

一旦我们定义了所有状态（如上面的问题），我们就可以开始创建链接以导航到这些状态：

// using href
<a href="#/home">home
<a href="#/about">about
// using ui-sref
<a ui-sref="services">services
<a ui-sref="clients">clients

这些将被注入到定义 <div ui-view=""></div> 的 index.html（根文档）中。