Angular объявил устаревшим объявление ng-app без имени

Question

0

Рассмотрим фрагмент кода ниже:

часть файла html:

<body ng-app>
    <div ng-controller="MainCtrl">{{name}}</div>
</body>

часть файла js:

function MainCtrl($scope) {
  $scope.name = "John";
}

Я всегда ставил свои контроллеры в некоторый модуль, чье имя я определяю в ng-приложении. Как это работает, когда я не определяю какой-либо модуль?

Я только начинал с углового js и сталкивался с вышеупомянутым scenerio.

Diwakar Singh 28 июнь 2015, в 09:51

Теги:

1 ответ

tavnab · Accepted Answer · 2015-06-28T06-57-00.000Z

Объявите свое приложение в DOM с именем:

<html ng-app="myApp">

Затем зарегистрируйте свое приложение как модуль в своем JavaScript:

angular.module("myApp", []);

Обратите внимание на массив как второй аргумент; это означает, что вы регистрируете новый модуль, а не получаете доступ к ранее определенному модулю.

Наконец, зарегистрируйте свой контроллер в своем приложении:

angular.module("myApp")
.controller("MyCtrl", ["$scope", function($scope) {
  // controller code goes here
}]);

Обратите внимание на отсутствие второго аргумента на этот раз, поскольку вы получаете ранее определенный модуль myApp.

На ваш вопрос ответят на втором этапе Углового урока. Если вы новичок в Angular, я предлагаю вам начать здесь (на шаге_00).