Как мы можем проанализировать данные JSON в AngularJS

Question

Я новичок, и я получаю сообщение JSON с сервера и сообщение, которое я получил, о котором я упоминал ниже (я получаю массив json с сервера), и я попытался проанализировать мой уровень лучше, но безрезультатно. Как я могу разобрать вышениже приведенное сообщение JSON с объектом ниже фрукт может кто-нибудь мне помочь?

http://jsfiddle.net/dkv7tzs9/

 [
      {
        FruitId: 1,
        "Name": "Apple",

      },
      {
        FruitId: 2,
        "Name": "Orange",

      },
      {
        FruitId: 3,
        "Name": "Bananna",

      }
    ]

код:

 var app = angular.module('MyApp', [])
            app.controller('MyController', function ($scope, $window) {
            
             var fruit={
                FruitId:0,
                Name: '',
                Selected:false
                }  
                
                $scope.Fruits = [];
     
                $scope.GetValue = function () {
                    var message = "";
                    for (var i = 0; i < $scope.Fruits.length; i++) {
                        if ($scope.Fruits[i].Selected) {
                            var fruitId = $scope.Fruits[i].FruitId;
                            var fruitName = $scope.Fruits[i].Name;
                            message += "Value: " + fruitId + " Text: " + fruitName + "\n";
                        }
                    }
     
                    $window.alert(message);
                }
            });

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>

        <div ng-app="MyApp" ng-controller="MyController">
            <div ng-repeat="fruit in Fruits">
                <label for="chkCustomer_{{fruit.FruitId}}">
                    <input id="chkCustomer_{{fruit.FruitId}}" type="checkbox" ng-model="fruit.Selected" />
                    {{fruit.Name}}
                </label>
            </div>
            <br />
            <br />
            <input type="button" value="Get" ng-click="GetValue()" />
        </div>

Answer 1

В вопросе вы хотели проанализировать массив из 3 элементов, верно?

var app = angular.module('MyApp', [])
            app.controller('MyController', function ($scope, $window) {
            
            $scope.Fruits = [];
             var fruit1={FruitId:1, Name: 'Apple',Selected:false };  
             var fruit2={FruitId:2, Name: 'Orange',Selected:true };  
             var fruit3={FruitId:3, Name: 'Banana',Selected:false };  

                $scope.Fruits.push(fruit1);
                $scope.Fruits.push(fruit2);
                $scope.Fruits.push(fruit3);
      
     
                $scope.GetValue = function () {
                    var message = "";
                    for (var i = 0; i < $scope.Fruits.length; i++) {
                        if ($scope.Fruits[i].Selected) {
                            var fruitId = $scope.Fruits[i].FruitId;
                            var fruitName = $scope.Fruits[i].Name;
                            message += "Value: " + fruitId + " Text: " + fruitName + "\n";
                        }
                    }
     
                    console.log(message);
                    alert(message);
                }
            });

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>

        <div ng-app="MyApp" ng-controller="MyController">
            <div ng-repeat="fruit in Fruits">
                <label for="chkCustomer_{{fruit.FruitId}}">
                    <input id="chkCustomer_{{fruit.FruitId}}" type="checkbox" ng-model="fruit.Selected" />
                    {{fruit.Name}}
                </label>
            </div>
            <br />
            <br />
            <input type="button" value="Get" ng-click="GetValue()" />
        </div>