离子角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> 

希望这有助于