在ui-view问题中的角度ui-router ui-view

Question

的index.html

<div ui-view></div>

test.html在index.html的ui-view

上加载

和test.html内部

<div ui-view="content"></div>

并尝试加载其他html文件，但它无效

这是我的ui-router

.state("index", {
        url: "",
        templateUrl: "views/index.html",
        controller : 'MainCtrl',
        controllerAs : 'main'
      })
      .state("test", {
        url: "/test",
        templateUrl: "views/test.html",
        controller : 'testCtrl',
        controllerAs : 'test'
      })
      .state("test.another", {
        url : "another/",
        views:{
          'content':{
            templateUrl :'views/another.html'
          }
        }
      })

基本上我所期待的是

<div ui-view>
  <!-- test.html -->
  <div ui-view="test">
    <!-- another.html -->
  </div>
</div>

Answer 1

我看到两个问题：

  .state("test.another", {
    templateUrl: "views/test.html",
    views:{
      'another@post':{
        templateUrl :'views/another.html'
      }
    }
  })

不需要第一个templateUrl;它只适用于观点，而非国家。

此外：

'another@post':{

这意味着您定位了一个视图＆＃39;另一个＆＃39; in＆＃39; post.html＆＃39;。您既没有名为＆＃39;另一个＆＃39;的视图，也没有模板＆＃39; post.html＆＃39;。