離子角JS

Question

好傢伙即時通訊與離子和角struggeling我建立與菜單點的新聞網站視圖這樣 ionic menu points 我寫我的新聞在一個陣列

例如

​​

.controller('NewsCtrl', function($scope) { 

     var items = [ 
      {id: 1, news_item: 'NEWS EXAMPLE'} 
     ]; 

}); 

我該如何將正確的路徑路由到我滑過的news_item.html網站。所以如果我點擊第一個我得到tempalte與'新聞示例'

Answer 1

我無法測試我的答案，因爲你的運動員不工作。我想你忘了index.html文件。

但我相信你應該添加到您的項目中列出的網址重定向你的頁面：

.controller('NewsCtrl', function($scope) {   
    var items = [ 
    {id: 1, news_item: 'NEWS EXAMPLE', template_url : '/path/to/template'} 
    ]; 
}); 

然後你就可以在你的<a></a>塊路徑添加到href。

希望這將有助於

Answer 2

更改您的變量$scope.links這將使其在視圖可用於使用ng-repeat重複。然後，您可以訪問JSON對象中的值，將href的值設置爲template_url。

.controller('NewsCtrl',function($scope)({ 
     $scope.links = [{ 
       id:1, 
       news_item: 'NEWS EXAMPLE', 
       template_url: '/path/to/template' 
      }, 
      { 
       id:2, 
       news_item: 'NEWS EXAMPLE', 
       template_url: 'path/to/tempalte' 
      }]; 

    }) 

<div class='rows' ng-repeat="link in links"> 
    <a href='{{link.template_url}}' class='col' value='{{link.news_item}}' /> 
</div> 

希望這有助於