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>