Angularjs 离子角js

Angularjs 离子角js,angularjs,getelementbyid,ionic-framework,Angularjs,Getelementbyid,Ionic Framework,大家好,我和爱奥尼亚和安格鲁特在一起,我用这样的菜单点建立了一个新闻网站视图 我把我的新闻写在一个数组中 比如说 如何将正确的路径发送到我所访问的news_item.html网站。因此,如果我点击第一个按钮,我会得到带有“新闻示例”的tempalte,我无法测试我的答案,因为你的Plunk不起作用。我想你忘了index.html文件 但我认为您应该在项目列表中添加url以重定向页面: .controller('NewsCtrl', function($scope) {

大家好,我和爱奥尼亚和安格鲁特在一起,我用这样的菜单点建立了一个新闻网站视图 我把我的新闻写在一个数组中

比如说


如何将正确的路径发送到我所访问的news_item.html网站。因此,如果我点击第一个按钮,我会得到带有“新闻示例”的tempalte,

我无法测试我的答案,因为你的Plunk不起作用。我想你忘了index.html文件

但我认为您应该在项目列表中添加url以重定向页面:

.controller('NewsCtrl', function($scope) {           
  var items = [
    {id: 1, news_item: 'NEWS EXAMPLE', template_url : '/path/to/template'}
  ];
});
然后,您可以将路径添加到
块中的
href


希望它将有助于

将变量更改为
$scope。链接
这将使其在视图中可用,以便使用
ng repeat
重复。然后,您可以通过将
href
值设置为
模板\u url
来访问JSON对象中的值

    .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>
.controller('NewsCtrl',函数($scope)({
$scope.links=[{
id:1,
新闻项目:“新闻示例”,
模板\u url:“/path/to/template”
},
{
id:2,
新闻项目:“新闻示例”,
模板url:'path/to/tempalte'
}];
})
希望这有帮助

    .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>