Exemple d'objet JSON AngularJS expression

Dans cet exemple, nous afficherons le nom et la note de l'étudiant en fonction de l'index donné dans le contrôle d'entrée.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
</head>
<body>
    <div ng-app="SampleApp" ng-controller="SampleCntrl">
        <strong>Example :</strong>
        <br />
        In this example we will display the student name and grade based on the index given
        in the input control.
        <br />
        <br />
        Enter index of student
        <input type="text" ng-model="listind" />
        <br />
        <br />
        Student Name: <strong>{{ students[listind].name }}</strong>
        <br />
        Grade: <strong>{{ students[listind].grade }}</strong>
        <br />
    </div>
    <script>
        var myapp = angular.module("SampleApp", []);
        myapp.controller("SampleCntrl", function ($scope) {
            $scope.students = [
            { name: "Steave", grade: "A" },
            { name: "Mark", grade: "C" },
            { name: "Robert", grade: "B" },
            { name: "Jenny", grade: "B" },
            { name: "James", grade: "A" }
            ];
            $scope.listind = 3;
        });
    </script>
</body>
</html>

860 Vues 2018-03-30 Objet JSON, AngularJS expression Solutions techniques

Source

Créateur du site