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

Question

对不起，我无法提供一个好的标题，但我希望你能理解我的问题。 在我的HTML页面，我使用AngularJS在这里表现出一定的信息是我的代码：

<tr ng-repeat="d in list"> 
    <td>{{d.nm}}</td> 
    <td>{{d.cty}}</td> 
    <td>{{d.hse}}</td> 
    <td>{{d.yrs}}</td> 
</tr> 

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

<tr ng-repeat="d in list"> 
    <td ng-href="details.html">{{d.nm}}</td> 
</tr> 

和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(); 

Answer 1

如果它们在相同的控制器

<tr ng-repeat="d in list"> 
    <td ng-href="details.html" ng-click="getDetails(d)">{{d.nm}}</td> 
</tr> 

在控制器：

$scope.getDetails = function(data){ 
    $scope.selectedData = data; 
} 

在details.html：

<tr ng-repeat="d in selectedData"> 
    <td>{{d.nm}}</td> 
    <td>{{d.cty}}</td> 
    <td>{{d.hse}}</td> 
    <td>{{d.yrs}}</td> 
</tr> 

你提供的JSON不是有效的一个

变化，为：

[ 
    {"nm": "xxx", 
    "cty": "yyy", 
    "hse": "zzz", 
    "yrs": 2016 
    }, 
    {"nm": "aaa", 
    "cty": "bbb", 
    "hse": "ccc", 
    "yrs": 2014 
    } 
}