json文件包含html片段,如何打开一个包含json文件信息的html页面,该页面包含json文件的特定数据的详细信息...

本文探讨了如何在AngularJS应用中从JSON文件加载数据,并仅显示特定字段(如名称),同时链接到详细信息页面以获取更多数据。作者希望通过点击名字来导航到另一个页面,该页面将显示所选条目的所有详细信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

对不起,我无法提供一个好的标题,但我希望你能理解我的问题。 在我的HTML页面,我使用AngularJS在这里表现出一定的信息是我的代码:如何打开一个包含json文件信息的html页面,该页面包含json文件的特定数据的详细信息

{{d.nm}}{{d.cty}}{{d.hse}}{{d.yrs}}

现在我想在实际的页面做的是只显示名称,该页面链接到另一个包含详细信息以获得更清洁的页面。 因此,这里是我的计划

{{d.nm}}

和details.html我想表明大约只有我点击了名的细节。 例如,如果我有:

{

["nm": "xxx",

"cty": "yyy",

"hse": "zzz",

"yrs": 2016

],

["nm": "aaa",

"cty": "bbb",

"hse": "ccc",

"yrs": 2014

]

}

所以如果我在我的主页点击XXX,在details.html我应该只得到YYY,ZZZ年和2016年等... 这可能吗?

编辑

app.factory('myapp', ['$http', function($http) {

function getLists() {

var tab = ['url1', 'url2', 'url3'];

var list = [];

for(i = 0; i < tab.length; i++) {

$http.get(tab[i])

.then(function(res) {

list.push(res.data);

});

}

return list;

}

return {

getLists: getLists

};

]);

控制器:

$scope.list = myapp.getLists();

+0

他们有共同控制或不同的控制器 –

+0

@SyamPillai是的,他们有相同的控制器 –

+0

检查我的答案? –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值