这是我的json:
[
{
"name": "1QQQJohnQQQ11_12_1998",
"age" : "ads"
},
{
"name": "2QQQEvaQQQ05_11_1989",
"age" : "ads"
},
{
"name": "3QQQCasperQQQ12_06_1994",
"age" : "ads"
},
{
"name": "4QQQBeanQQQ30_12_1996",
"age" : "ads"
}]
和javascript文件:
var app = angular.module('app', []);
app.service('service', function($http, $q){
var deferred = $q.defer();
$http.get("datesss.json").then(function(data){
deferred.resolve(data);
});
this.getNames = function(){
return deferred.promise;
}
});
app.controller('secondCtrl', function($scope, service){
var promise = service.getNames();
promise.then(function(data){
$scope.names = data.data;
var namesplit = $scope.names
namesplit.map(function(item) {
item.type = item.name.split('QQQ')[0];
item.date = item.name.split('QQQ')[1];
item.name = item.name.split('QQQ')[2];
});
console.log(namesplit);
});
});
我不得不用javascript文件中的“ QQQ”从json拆分名称。在
console.log(namesplit)
中,我列出的所有内容(“类型”,“日期”,“名称”)都很好。我需要做的是在表中写“类型”,“日期”和“名称”。我尝试了这个:
<thead>
<tr>
<th class="text-center">type</th>
<th class="text-center">date</th>
<th class="text-center">name</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="name in namesplit">
<td>{{name.type}}</td>
<td>{{name.date}}</td>
<td>{{name.name}}</td>
</tr>
</tbody>
但这没有用。有人帮忙吗?提前致谢。
最佳答案
在控制器中将所有出现的namesplit
更改为$scope.namesplit
。
否则,这里是ng-repeat="name in namesplit
“,没有名为namesplit
的作用域变量