ng-repeat返回空行

Question

我試着用下面的代碼，但它返回一個空行（超過30+）的表。

JSON

"[{\"COMPANY_ID\":\"1\",\"COMPANY_DESC\":\"11\",\"COMPANY_CURRENCY\":\"1\",\"ACTIVE\":true,\"IS_HEADOFFICE\":true,\"ACCOUNTING_SYSTEM_ID\":\"1\"},{\"COMPANY_ID\":\"2\",\"COMPANY_DESC\":\"2\",\"COMPANY_CURRENCY\":\"22\",\"ACTIVE\":false,\"IS_HEADOFFICE\":false,\"ACCOUNTING_SYSTEM_ID\":\"1\"}]" 

的Html

<tr ng-repeat = "company in companies track by $index""> 
    <td>{{ company.COMPANY_ID }}</td> 
    <td>{{ company.COMPANY_DESC }}</td> 
    <td>{{ company.COMPANY_CURRENCY }}</td> 
</tr> 

應用

<script> 
    var app = angular.module('myApp', []); 
    app.controller('customersCtrl', function($scope, $http) { 
    $http.get("http://localhost:52087/api/accountmapping") 
       .success(function (response){ 
     $scope.companies = angular.fromJson(response); 
     console.log(angular.fromJson(response)); 
    }); 
    }); 
</script>  

Answer 1

使用then代替success。由於角版本success被棄用1.4

var app = angular.module('myApp', []); 
    app.controller('customersCtrl', function($scope, $http) { 
    $http.get("http://localhost:52087/api/accountmapping") 
       .then(function (response){ 
     $scope.companies = response.data; 
     console.log($scope.companies); 
    }); 
    }); 

Answer 2

我嘗試鏡像您的代碼，但我不發現錯誤，請檢查我代碼和告訴我，我錯過表明錯誤我。

var app = angular.module('myApp', []); 
 
    app.controller('customersCtrl', function($scope, $http) { 
 
    
 
    var myJsonAsText = '[{\"COMPANY_ID\":\"1\",\"COMPANY_DESC\":\"11\",\"COMPANY_CURRENCY\":\"1\",\"ACTIVE\":true,\"IS_HEADOFFICE\":true,\"ACCOUNTING_SYSTEM_ID\":\"1\"}, \t {\"COMPANY_ID\":\"2\",\"COMPANY_DESC\":\"2\",\"COMPANY_CURRENCY\":\"22\",\"ACTIVE\":false,\"IS_HEADOFFICE\":false,\"ACCOUNTING_SYSTEM_ID\":\"1\"}]'; 
 
    
 
    var convertToJson = angular.fromJson(myJsonAsText); 
 
    console.log(convertToJson); 
 
    $scope.companies = convertToJson; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="customersCtrl"> 
 
    <ul> 
 
    <li ng-repeat = "company in companies track by $index""> 
 
     <p>COMPANY_ID: {{ company.COMPANY_ID }}</p> 
 
     <p>COMPANY_DESC: {{ company.COMPANY_DESC }}</p> 
 
     <p>COMPANY_CURRENCY: {{ company.COMPANY_CURRENCY }}</p> 
 
     <hr> 
 
    </li> 
 
    </ul> 
 
</div>

Answer 3

我已經更新的角度版本。問題解決了。

https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js