Member 10874581 Ответов: 1

Ng repeat не работает

ng-repaeat не работает в angular.

Что я уже пробовал:

<!DOCTYPE html>
<html>
<head>
    <script src="scripts/angular.min.js"></script>
    <script src="scripts/JavaScript1.js"></script>

    <title></title>
</head>
<body>
    <div ng-app="mymodule" ng-controller="mycontroler">

        <table>
            <thead>
                <tr>
                    <td>
                        First Name
                    </td>
                    <td>
                        Seconed Name
                    </td>
                    <td>
                        Address
                    </td>
                   
                </tr>
            </thead>
            <tbody >
                <tr ng-repeat ="employee in emp">
                    <td>
                        
                        employee.Fname
                    </td>
                     <td>
                    employee.Sname
                    </td>
                       <td>
                        employee.address
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>





/// <reference path="angular.min.js" />
var app = angular.module("mymodule", []).controller("mycontroler", function () {
    var emp = [{ Fname: "vikrant", Sname: "gupta", address: "ganj" }, {Fname:"arpit", Sname:"gupta", address:"ganj" }
    ];
    $scope.emp = emp;

});



пожалуйста, помогите

1 Ответов

Рейтинг:
2

Thomas Daniels

В вашем коде есть две ошибки:


  • В вашей таблице вы должны обернуть свойства между {{ и }}, например {{employee.Fname}} вместо того, чтобы просто employee.Fname.
  • $scope он не определен, поэтому вам нужно сказать Angular, чтобы он передал его в качестве параметра вашей функции, например:
    var app = angular.module("mymodule", []).controller("mycontroler", ['$scope', function($scope) {
  var emp = [{
    Fname: "vikrant",
    Sname: "gupta",
    address: "ganj"
  }, {
    Fname: "arpit",
    Sname: "gupta",
    address: "ganj"
  }];
  $scope.emp = emp;

}]);

    Вместо того чтобы передавать только функцию в качестве второго аргумента в .controller, вы должны передать список, содержащий '$scope' и функция, принимая $scope в качестве аргументов.

Рабочая демонстрация: https://jsfiddle.net/ob2etfm7/[^]