Javascript 来自json的Concat 2数据重复
我尝试将另一个数组中的数据放入表中的一部分。 我的第一个json“名称”: 第二个json“数据”: Javascript:Javascript 来自json的Concat 2数据重复,javascript,angularjs,json,ng-repeat,Javascript,Angularjs,Json,Ng Repeat,我尝试将另一个数组中的数据放入表中的一部分。 我的第一个json“名称”: 第二个json“数据”: Javascript: var app = angular.module('app', []); app.service('service', function($http, $q){ this.getNames = function () { var names = $http.get('names.json', {cache: false})
var app = angular.module('app', []);
app.service('service', function($http, $q){
this.getNames = function () {
var names = $http.get('names.json', {cache: false});
var datas = $http.get('data.json', {cache: false});
return $q.all({datas,names});
};
});
app.controller('FirstCtrl', function($scope, service, $http) {
var promise = service.getNames();
promise.then(function (data) {
$scope.names = data.names.data;
$scope.datas = data.datas.data;
$scope.namesanddata = $scope.names.concat($scope.datas);
console.log($scope.namesplit);
console.log($scope.datas);
});
});
HTML格式的表格:
div ng-controller="FirstCtrl"
<table>
<tbody>
<tr ng-repeat="name in namesanddata">
<td>{{name.name}}</td>
<td ng-if="name.down=== 'False'">{{name.down}}</td>
<td ng-if="name.down !== 'False'">{{name.data}}</td>
</tr>
</tbody>
</table>
</div>
div ng controller=“FirstCtrl”
{{name.name}
{{name.down}
{{name.data}
我的问题-{{name.data}
没有显示在表中。在console.log中,它连接到类似于4对象的数组中,因此它可能不会显示在{{name.name}}
旁边的表中,但我不知道如何从表中的另一个json显示{{name.data}
。
感谢您提前给出答案。为您提供以下输出:
AAAAAA False
BBBBBB 35%
CCCCC False
从控制器上卸下此线路:
$scope.namesanddata = $scope.names.concat($scope.datas);
然后:
解决方案1-在视图中内嵌
更改您的ng repeat
,如下所示:
<tr ng-repeat="name in names">
<td>{{ name.name }}</td>
<td>{{ (name.down === 'False') ? name.down : datas[0].data }}</td>
</tr>
<tr ng-repeat="name in names | myFilter: datas">
<td>{{ name.name }}</td>
<td>{{ name.down }}</td>
</tr>
更改您的ng repeat
,如下所示:
<tr ng-repeat="name in names">
<td>{{ name.name }}</td>
<td>{{ (name.down === 'False') ? name.down : datas[0].data }}</td>
</tr>
<tr ng-repeat="name in names | myFilter: datas">
<td>{{ name.name }}</td>
<td>{{ name.down }}</td>
</tr>
{{name.name}}
{{name.down}
是数据
还是数据
?json数据中的数据。我把数据命名为名称,然后我有4个对象的名称,其中第四个是{“数据”:“35%}-datas@PritamBanerjee中的数据”是复数。单数是“数据”,但不管怎样。
<tr ng-repeat="name in names | myFilter: datas">
<td>{{ name.name }}</td>
<td>{{ name.down }}</td>
</tr>