ui-sref无法正常工作

时间:2015-11-09 09:53:31

标签: angularjs angular-ui-router

我的应用程序中的ui-sref部分工作。某些链接的意思是它产生href但是对于其他链接没有。下面是我的代码: -

//对于ng-repeat它不起作用,但对其他人来说它正在工作。

<nav class="site-links" ng-controller="itemsController">
<ul class="nav-links">
    <li ng-repeat="item in items">
        <a ui-sref="{{item.link}}">
            <span>{{item.Description}}</span>
        </a>
    </li>  
    <li><a ui-sref="index">Home</a></li>
    <li><a ui-sref="route1">Route 1</a></li>
    <li><a ui-sref="route2">Route 2</a></li>                
</ul>        

你能看一下吗?

1 个答案:

答案 0 :(得分:0)

如果您在路由器中定义了以下路由:

$stateProvider
       .state( 'testState', {

              url: '/test',
              templateUrl: 'app/templates/test.html',
              controller: 'testController'

       });

您可以通过ui-sref指令仅通过其名称链接到此状态。因此,以下内容有效:

<a ui-sref="testState">Something</a>
<a href="/test">Something</a> <!-- Notice the difference. Here we're using the reference to the route. -->

因此,对于ui-sref,你需要告诉它状态的 NAME 和正常的href,一个简单的路线就可以了。