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的更多信息和示例。