Fehler mit der Verwendung von ng-repeat über Objekt-Literal in Winkel js

Ich bin neu in eckigen js und ich bin jetzt üben Filter. Ich bin durchaus in der Lage Array von Objekten iterieren, aber wenn ich Objekt von Objekten bin mit meinem Browser wirft Fehler: „Uncaught Syntaxerror: unerwartetes Token“Fehler mit der Verwendung von ng-repeat über Objekt-Literal in Winkel js

<!DOCTYPE> 
<html> 
    <head> 
    </head> 
    <body> 
     <div ng-app="myApp"> 
      <div ng-controller="myCont"> 

       <div ng-repeat="b in ar2"> 
        {{b}} 
       </div> 

       {{a}} 
       </br></br> 
       {{c | myFilt}} 
       </br> 
       </br> 
       <div ng-repeat="(key,value) in d"> 
        {{key.a|myFilt}} 
       </div> 
      </div> 
     </div> 
     <script src="jquery-3.0.0.js"></script> 
     <script src="angular.js"></script> 
     <script src="angular_try.js"></script> 

    </body> 
</html>

Und hier ist der Winkel js:

var myApp = angular.module("myApp",[]) 

myApp.controller("myCont",["$scope","$filter",function($scope,$filter){ 
$scope.a ="pro"; 
$scope.arr = ["abc","bcd","cdb"]; 
$scope.arr3 = [100,200,300]; 
$scope.ar2=[]; 
$scope.c = 10; 
$scope.d = {{a:"mishtu",b:500,c:"mondal"},{a:"tulu",b:400,c:"mondal"}, 
{a:"titlu",b:600,"c":"mondal"}} 
}])

Quelle

2017-10-29 Punit

'$ scope.d = [{a: "mishtu", b: 500, c: "mondal"}, {a: "tulu", b: 400, c: "mondal"}, {a: "titlu", b: 600, "c": "mondal"}]; ' –

' {{value.a | myFilt}} ' –

@Punit JSFiddle Beispiel [hier] (https://jsfiddle.net/Lr8jtt 0z /) –

ein Objekt enthält Wert immer in (Schlüssel, Wert) -Paar aber Ihr Objekt

$scope.d = {{a:"mishtu",b:500,c:"mondal"},{a:"tulu",b:400,c:"mondal"}, 
{a:"titlu",b:600,"c":"mondal"}}

ist eine Liste von Objekten zu halten, so dass Sie es erklärt haben sollte eine Anordnung. Gefällt Ihnen dieses

$scope.d = [{a:"mishtu",b:500,c:"mondal"},{a:"tulu",b:400,c:"mondal"}, 
{a:"titlu",b:600,"c":"mondal"}]

Dies ist, wie es verwendet werden soll:

var app = angular.module('myApp', []); 
 
app.controller('MyController', ['$scope', function($scope) { 
 
    $scope.title = 'Hello world'; 
 

 
    $scope.d = [{ 
 
    a: "mishtu", 
 
    b: 500, 
 
    c: "mondal" 
 
    }, { 
 
    a: "tulu", 
 
    b: 400, 
 
    c: "mondal" 
 
    }, { 
 
    a: "titlu", 
 
    b: 600, 
 
    "c": "mondal" 
 
    }]; 
 

 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-controller='MyController' ng-app="myApp"> 
 
    <div>{{title}}</div> 
 

 
    <table border="1" ng-repeat="myObj in d"> 
 
    <tr ng-repeat="(x, y) in myObj"> 
 
     <td>{{x}}</td> 
 
     <td>{{y}}</td> 
 
    </tr> 
 
    </table> 
 
</div>

Quelle

2017-10-29 21:47:29

Fehler mit der Verwendung von ng-repeat über Objekt-Literal in Winkel js

Antwort

Verwandte Themen