angular .мин. js: 127 Ошибка: [$ controller: ctrlreg] angularJs - PullRequest
0 голосов
/ 16 марта 2020

Я получаю эту ошибку, когда пытаюсь научиться angularJs .. помогите мне, пожалуйста. Я новичок в этой технологии, и я хочу вывести список студентов в таблицу, как показано ниже.

Спасибо!

my studentController. js

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

studentApp.controller("studentController", ['$scope', function($scope){
    $scope.students = [
        {name: 'Innocent Tanga', city: 'Mwanza', age: 45},
        {name: 'Zena John', city: 'Tabora', age: 15},
        {name: 'Noel Toyi', City: 'Tanga', age: 78},
        {name: 'Nicole Tofla', city: 'Mwanza', age: 45},
        {name: 'Jua Nickson', city: 'Toa', age: 25},
        {name: 'Pass Toboa', city: 'Iringa', age: 15},
    ];
}]);

индекс. html

    <!DOCTYPE html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Angular - Example</title>
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="main.css">
</head>
<body>

<div ng-app="studentApp" ng-controller="studentController">

        <div>
            <table class="table">
                <tr>
                    <td>Name</td>
                    <td>City</td>
                    <td>Age</td>
                </tr>
                <tr ng-repeat="student in students">
                    <td>{{ student.name }}</td>
                    <td>{{ student.city }}</td>
                    <td>{{ student.age }}</td>
                </tr>
            </table>
        </div>

</div>

<script src="../cdn/angular.min.js"></script>
<script src="studentController.js"></script>

</body>
</html>```



1 Ответ

1 голос
/ 16 марта 2020

В html используются 2 ng-app директивы, и это вызывает ошибку. Первый в теге html является первым найденным в документе и не может правильно установить модуль приложения studentApp.

Удалите ng-app из тега div и поместите его в тег html как показано ниже:

<html lang="en" ng-app="studentApp">

... только одно AngularJS приложение может быть автоматически загружено для HTML документа. Первое найденное в документе приложение ngApp будет использовано для определения элемента root для auto- bootstrap как приложения ...

Подробнее здесь: https://docs.angularjs.org/api/ng/directive/ngApp

Рабочая демоверсия: DEMO

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...