UI-Router中的索引路由是什么?

时间:2016-10-27 01:36:21

标签: angularjs angular-ui-router

我正在尝试使用Anuglar UI-Router建立到主路径或索引路由的链接。例如,在本地服务器上,这只是localhost:8000。我已尝试<a ui-sref="#">Home</a><a ui-sref="/">Home</a>,但该链接呈现为纯文字而没有蓝色突出显示,点击后,控制台会报告:

 Could not resolve '#' from state ''

这可以在$stateProvider没有额外路线的情况下实现,如果没有,index.html页面的正确路线是什么样的?

1 个答案:

答案 0 :(得分:0)

当您使用ui-sref时,您需要提及州名称而不是相对网址路径。

例如,如果您想要链接到主页,那么您可以执行以下任一操作:

<强> 1。使用ui-sref:

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

此处主页是路由器中路径“/”的状态名称:

$stateProvider.state('home-page', {
    url: "/", // using home-page in ui-sref will redirect to this url
    templateUrl: 'home.html',
    controller:"HomeController"
});

<强> 2。使用href:

<a href="/">Home</a>

注意:当状态在网址中搜索查询时, ui-sref将会有用,请阅读$stateParams了解更多。