AngularJS UI路由器 - >使用ui-sref时无法解决

时间:2015-10-22 14:40:39

标签: javascript angularjs web-applications angular-ui-router

我已经设置了一个带有我的ui-routes的JSON文件,并且有效。

但我无法使用Link。在使用以下状态时,我已经使用它了:

{
    "name": "home",
    "url": "^/home",
    "abstract": false,
    "parent": "root",
    "views": [{
        "name": "container@",
        "templateUrl": "/pages/home/index.html",
        "controller": "HomeCtrl"
    }]
},

要访问它,我使用:

<a ui-sref="home">Home</a>

这完美无缺。

但是当我尝试使用参数执行'ui-sref'时问题就出现了。因此,例如,如果是,并达到这种状态:

{
    "name": "approach:module:section",
    "url": "^/approach/:module/:section",
    "controller": "ApproachCtrl",
    "abstract": true,
    "parent": "root",
    "views": [{
        "name": "container@",
        "templateUrl": "/pages/approach/overview.html"
    }]
}

通过阅读文档和其他在线教程,我认为代码现在应该是:

<a ui-sref="approach({module: 'overview', section: '1'})">Approach</a>

这似乎不起作用。我似乎得到了以下问题:

Error: Could not resolve 'root.approach' from state 'home'

我错在哪里?

谢谢, 凯恩

1 个答案:

答案 0 :(得分:0)

我不确定,但我认为ui-router正试图找到 root.approach ,但它无法找到它,因为您已将状态命名为方法:module:section 即可。尝试将您的州重命名为接近