2016-12-27 20 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