UI-路由器：PARAM值無效狀態

Question

的github repo這個問題

林絕對無望。

我創建了一個角度爲1.5.8的應用程序，它在屏幕上顯示節點。有兩種類型的節點 - 文件夾和圖片。

當點擊圖片節點時，它應該使用ui-router傳遞參數，並且按照ui-router文檔的說法進行操作。

插值{{picture.url}}和其他一切工作都很好，並提供正確的文件路徑。

什麼是奇怪的是當我做它manualy，通過去：/圖片/網址 它是通過文件的路徑。

我得到的錯誤是：帕拉姆值不是有效的狀態 '圖像'

app.config(function ($stateProvider, $urlRouteProvide) { 
 
      $stateProvider 
 
      .state('picture', { 
 
       url:'/picture/:url', 
 
       template:'<h1> Picture </h1> <br /> <img class="mainImg" src={{ctrl.pic}} />`', 
 
       controller:function($stateParams) { 
 
        console.log($stateParams); 
 
        this.pic = `../img/${$stateParams.url}` 
 
       }, 
 
       controllerAs: 'ctrl' 
 
     }); 
 
    });

<ul> 
 
    <li class='picture' ng-repeat='picture in home.pictures track by $index'> 
 
    <a ui-sref='picture({ url: {{picture.url}} })'> {{picture.type}} </a> 
 
    </li> 
 
</ul>

任何幫助將是巨大的。無論如何感謝 ！ 的Eyal

Answer 1

您應該使用

ui-sref='picture({ url: picture.url })' 

而不是

ui-sref='picture({ url: {{picture.url}} })' 

見http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref的更多信息和示例。