2016-03-15 58 views
0

我一直在处理我的应用程序中的路由。我可以使用某些数据,但最终我需要有人单击按钮,然后转到某个链接。该链接信息存储在$ scope.stories.link

$ scope.stories.link = beautyandthebeast.html

<div ng-repeat="stories in lowage"> 
<ion-list class="ion-list"> 
    <ion-item href="#/app/{{stories.link}}" > 
    {{stories.title}} 
    </ion-item> 
</div> 

可悲的是,这是行不通的。有没有人有一个想法如何使这项工作?

+0

什么不正常的链接或NG重复部分? –

+0

您能否详细说明您的问题? –

+0

对不起。确实Href ='#/ app/{{stories.link}}'不起作用。 ng-repeat的作品,但可点击的链接没有。它不想采取{{stories.link}} –

回答

1

你可以用这个解决方案尝试它可能为你工作

在HTML页面中为

<ion-list ng-repeat="stories in lowage"> 
     <ion-item ng-click="changeRoute(stories)"> 
      {{stories.title}} 
     </ion-item> 
     </ion-list> 

,并在控制器更新代码编写的代码为

$scope.changeRoute = function(stories){ 
    $location.url('app/'+stories.link); 
    } 


不要忘记注入$位置作为依赖

OR

,你可以用这样的方式也

<ion-list ng-repeat="stories in lowage"> 
    <ion-item ng-href='app/{{stores.link}}'> 
    {{stories.title}} 
    </ion-item> 
</ion-list> 
+0

非常感谢您的详细回复。这真的很感谢:) –

+0

感谢您的热烈答复,请你接受我的答案 –

2

我不确定,但我认为问题在于该变量没有插入到代码中。您的程序正在尝试转到#/ app/{{stories.link}},因为它只是将它看作是一个字符串。您必须使用ngHref