ng-repeat nicht Looping das Array richtig

Ich habe Array alsng-repeat nicht Looping das Array richtig

[{"contractID":1,"contractName":"test","supplierID":1,"supplierName":"test","productID":1,"productName":"test","uom":"each","quantity":1,"pricePerUOM":1,"totalPrice":1,"currency":"$","supplyByDate":"now","carrier":"FexEx","pickTo":"USA","shipTo":"USA","Trackingnumber":"test","signedBy":"buyer","pendingWith":"buyer","createdBy":"buyer","createdDate":"now","status":"closed","filler1":"","filler2":"","filler3":"","filler4":"","filler5":""},{"contractID":50,"contractName":"testinsert","supplierID":3,"supplierName":"testinsert","productID":1,"productName":"test","uom":"each","quantity":10,"pricePerUOM":10,"totalPrice":100,"currency":"$","supplyByDate":22112016,"carrier":null,"pickTo":null,"shipTo":null,"Trackingnumber":null,"signedBy":"buyer","pendingWith":"","createdBy":"buyer","createdDate":"22112016","status":"closed","filler1":null,"filler2":null,"filler3":null,"filler4":null,"filler5":null},{"contractID":60,"contractName":"testinsert","supplierID":3,"supplierName":"testinsert","productID":1,"productName":"test","uom":"each","quantity":10,"pricePerUOM":10,"totalPrice":100,"currency":"$","supplyByDate":22112016,"carrier":null,"pickTo":null,"shipTo":null,"Trackingnumber":null,"signedBy":"buyer","pendingWith":"","createdBy":"buyer","createdDate":"22112016","status":"closed","filler1":null,"filler2":null,"filler3":null,"filler4":null,"filler5":null}]

und seine gerettet wie $ scope.contractsDeply Und ich versuche, mit ng-repeat aber seine gegebenen keine Daten zur Verfügung zu verwenden.

<tbody>{{contractsDeply}} 
         <tr ng-repeat="contract in contractsDeply track by $index"> 
          {{contract}} 
          <td>{{ contract.contractID }}</td> 
          <td>{{ contract.contractName }}</td> 
         </tr> 
         </tbody>

?????

Quelle

2016-11-26 Adarsh M Pallickal

was erhalten Sie in '{{contractsDeply}}' – Sravan

verwenden Sie Controller als Syntax ?, wenn nicht diesen Link zu überprüfen, Ihren Code funktioniert gut. https://plnrkr.co/edit/6ieBKx3vnxPGY5BYdiiK?p=preview – Sravan

@Sravan ich habe ein Array wie in Frage gegeben. –

HTML:

<body ng-app='app'> 
    <div ng-controller="listController"> 
    <table class="table table-striped"> 
     <thead> 
     <tr> 
      <th ng-repeat="(key, value) in contractsDeply[0]">{{key | uppercase }} 
      </th> 
     </tr> 
     <tbody> 
      <tr ng-repeat="val in contractsDeply"> 
      <td ng-repeat="cell in val"> 
       <input type="text" ng-model="cell"> 
      </td> 
      </tr> 
     </tbody> 
    </table> 
    </div> 
</body>

Controller:

var app = angular.module("app", []); 

app.controller("listController", ["$scope", "$http", 
    function($scope, $http) { 

    $http.get('test.json').then(function(response) { 
     $scope.contractsDeply = response.data; 
     console.log($scope.contractsDeply); 

    }); 

    } 
]);

DEMO

Quelle

2016-11-26 08:15:35 Sajeetharan

Wahrscheinlich Element, das Sie fehlen Tabelle. Bitte beachten Sie das Beispiel.

<div ng-controller="myController as ctr"> 

        <tbody> 
        <tr ng-repeat="contract in contractsDeply track by $index"> 
         {{contract}} 
         <td>{{ contract.contractID }}</td> 
         <td>{{ contract.contractName }}</td> 
        </tr> 
        </tbody> 
       <p> 
       ------------------------- 
       </p> 

       <table> 
        <tr ng-repeat="contract in contractsDeply"> 
         <td>{{ contract.contractID }}</td> 
         <td>{{ contract.contractName }}</td> 
        </tr> 
       </table> 

</div>

Quelle

2016-11-26 08:58:21

HTML

<html> 
<script src="library/angular.min.js"></script> 
<script src="practice.js"></script> 
<head> 
</head> 
<body ng-app="app"> 
<div ng-controller="test1"> 
<table> 
<tbody> 
    <tr ng-repeat="x in array"> 
     <td>{{x.contractID}}</td> 
     <td>{{x.contractName}}</td> 
     <td>{{x.supplierID}}</td> 
     <td>{{x.productID}}</td> 
    </tr> 
</tbody> 
</table> 
</div> 
</body> 
</html>

AngularJS

angular.module('app',[]).controller('test1',function($scope){ 
    $scope.array=[{"contractID":1,"contractName":"test","supplierID":1,"supplierName":"test","productID":1,"productName":"test","uom":"each","quantity":1,"pricePerUOM":1,"totalPrice":1,"currency":"$","supplyByDate":"now","carrier":"FexEx","pickTo":"USA","shipTo":"USA","Trackingnumber":"test","signedBy":"buyer","pendingWith":"buyer","createdBy":"buyer","createdDate":"now","status":"closed","filler1":"","filler2":"","filler3":"","filler4":"","filler5":""},{"contractID":50,"contractName":"testinsert","supplierID":3,"supplierName":"testinsert","productID":1,"productName":"test","uom":"each","quantity":10,"pricePerUOM":10,"totalPrice":100,"currency":"$","supplyByDate":22112016,"carrier":null,"pickTo":null,"shipTo":null,"Trackingnumber":null,"signedBy":"buyer","pendingWith":"","createdBy":"buyer","createdDate":"22112016","status":"closed","filler1":null,"filler2":null,"filler3":null,"filler4":null,"filler5":null},{"contractID":60,"contractName":"testinsert","supplierID":3,"supplierName":"testinsert","productID":1,"productName":"test","uom":"each","quantity":10,"pricePerUOM":10,"totalPrice":100,"currency":"$","supplyByDate":22112016,"carrier":null,"pickTo":null,"shipTo":null,"Trackingnumber":null,"signedBy":"buyer","pendingWith":"","createdBy":"buyer","createdDate":"22112016","status":"closed","filler1":null,"filler2":null,"filler3":null,"filler4":null,"filler5":null}]; 

});

ich speichern Sie Ihre Array in $ scope.array

Quelle

2016-11-26 09:49:52 shahab

ng-repeat nicht Looping das Array richtig

Antwort

Verwandte Themen