2016-03-15 50 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