html:
<a ui-sref="user.tools.selectedTemplate({provider: t.id})" target="_blank">{{t.name}}</a>
上面的代码位于 ng-repeat 中,其中许多模板链接加载了名称和 id,因此当我单击每个链接时,href 将更新,并将 id 号附加到所选模板链接。我使用相同的控制器生成大约十个模板。我将 ui-sref 中的值从一种状态传递到另一种状态,因此我需要动态 templateUrl,
我试过这个链接问题 https://github.com/angular-ui/ui-router/issues/163但我无法发送状态参数,因为主模板页面没有参数。
这是 app.js 中的 ui 路由器代码
.state('user.tools.template',angularAMD.route({
url: '/template',
templateUrl: './views/tools/select-template.html',
controller: 'selectTplCtrl',
controllerUrl: 'tools/selecttplCtrl'
}))
.state('user.tools.selectedTemplate',angularAMD.route({
url: '/selectedTemplate/:provider',
templateUrl: function($stateParams){
return './views/tools/selected-template'+'$stateParams.provider'+'.html'
},
controller: 'selectedTemplateCtrl',
controllerUrl: 'tools/selectedTemplateCtrl'
}))
有人能解决这个问题吗?
我想说你是在正确的轨道上..只是 URL 结构应该像这样调整:
templateUrl: function($stateParams){
//return './views/tools/selected-template'+'$stateParams.provider'+'.html'
return './views/tools/selected-template'+ $stateParams.provider +'.html'
}
在这里查看更多,在使用动态模板链接时我们可以使用 UI-Router 获得什么:
- Angular UI 路由器 - 动态 TemplateURL https://stackoverflow.com/q/33734690/1679310
- Angular UI Router:根据父解析对象决定子状态模板 https://stackoverflow.com/q/25289135/1679310
- Angular 和 UI-Router,如何设置动态 templateUrl https://stackoverflow.com/q/26868796/1679310
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)