2016-12-27 21 views
0

这里是我的JSON:角分裂JSON在JavaScript文件

[ 
    { 
     "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)我有一切(“类型”,“日期”,“名称”)列出良好。

我需要做的是在表格中写入“type”,“date”和“name”。我试过这个:

<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> 

但它没有奏效。有人帮忙?提前致谢。

+2

Namesplit范围变量不是$范围变量,因此它只有在你的承诺存在。 – Noppey

+0

@Noppey你有任何想法如何分割JSON”名称“在JavaScript文件? – bafix2203

回答

2

将控制器中namesplit的所有匹配项更改为$scope.namesplit

否则这里,ng-repeat="name in namesplit“不存在所谓的namesplit