UI-路由器:PARAM值无效状态
问题描述:
的github repo这个问题UI-路由器:PARAM值无效状态
林绝对无望。
我创建了一个角度为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
答
您应该使用
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的更多信息和示例。
你一定是弥赛亚。谢谢!! –
很高兴有帮助。如果它适合你,请务必标记为答案。 –