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> 

のApp

<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