Question

index.html

UI-路由

这是我非常初衷的index.html。我需要使用嵌套路由。现在根据可用的文档。我创建了这个index.html。它几乎没有2 ui-sref，但它甚至没有渲染

enter image description here

我想念的是什么。有人能告诉我吗？我对ui-routing很新。

除此之外还有一个非常不好的问题吗？ 假设我有url / albums / hindi，其中hindi是部分视图使用ng-routes / ng-view呈现，但是从这个级别可以配置，以便从这个级别的url嵌套使用ui-routing。 **

我的意思是说我可以在ng-view中使用ui-view。

Answer 1

你应该提供代码片段，不是图片，甚至更好的是... ...

有a working plunker

你几乎就在那里，就像调用ui-sref或href的方式不正确一样。

所以，这可能是调整后的 index.html

<html ng-app="routingApp" ng-strict-di>
  <head>
    <title>my app</title>
    <style>ul { padding-left: 0; } li { list-style: none; }</style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular.js"
    ></script>
    <script src="//rawgit.com/angular-ui/ui-router/0.2.15/release/angular-ui-router.js"
    ></script>
    <script src="script.js"></script>
  </head> 

  <body>

      // ui-sref
      <a ui-sref="state1">state1</a>
      <a ui-sref="state1.list">state1.list</a>
      //href
      <a href="#/state1">/state1</a>
      <a href="#/state1/list">/state1/list</a>


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

在script.js中我们可以拥有这些状态（未更改）

  .state('state1', {
      url: "/state1",
      templateUrl: 'partials/state1.html',
  })
  .state('state1.list', {
      url: "/list",
      templateUrl: 'partials/state1.list.html',
      controller: 'ListCtrl',
  })
  .state('state1.list.detail', {
      url: "/:title",
      template: '<b>{{$stateParams.title}}</b>',
  })

检查here

如何渲染ui-routes？

1 个答案: