1. 首页
  2. 问答
  3. 如何呈现ui-routes？

如何呈现ui-routes？

2015-07-12 59 views
1

index.html如何呈现ui-routes？

UI路由

这是我非常INTIAL的index.html。我需要使用嵌套路由。现在根据可用的文档。我创建了这个index.html。勉强它有2个UI-SREF但它甚至没有渲染

enter image description here

我所missing.Can有人告诉我？ 我对ui路由非常陌生。

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

我的意思是说我可以在u-view中看到ng视图。

来源

2015-07-12 Kgn-web

回答

0

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

有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

来源

2015-07-13 13:38:34

相关问题

 相关问题