1. 首頁
  2. 問答
  3. 如何呈現ui-routes？

如何呈現ui-routes？

2015-07-12 76 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

相關問題

 相關問題