Почему второй модуль не работает в angularjs?

Question

Почему второй модуль не работает в angularjs?

0

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

<html>
<head>
   <title>Angular JS</title>

<script src="angular.min.js"></script>
</head>
<body>


<p>------------ New Controller ------------</p>

<div ng-app="newApp" ng-controller="validateform" >
{{name}}
    <form name="newForm">
        Enter Name: <input type="text" id="firstName" name="firstName"
        ng-model="firstName" ng-maxlength="20"> </br>
        <button ng-click="show()" >Submit</button>
    </form>
</div>
<script>
//Creating AngularJS controller here
var newApp = angular.module('newApp',[]);
newApp.controller('validateform',function($scope){
   $scope.name="newApp";
   $scope.show = function() {
    if($scope.firstName == undefined || $scope.firstName == '')
        alert('Name is Required');
    else
        alert('Hi - ' + $scope.firstName);
    };
   }
);
</script>

   <h2>AngularJS Sample Application</h2>
   <div ng-app="mainApp" ng-controller="myController">
   {{name}}
   </div>
<script>
   var mainApp = angular.module("mainApp", []);
   mainApp.controller('myController',function($scope){
      $scope.name="rishi";
   });
</script>
</body>
</html>

Rishi Meena 03 июль 2015, в 17:21

Источник

Теги:

angularjs

2 ответа

Ещё вопросы

Incognos · Answer 1 · 2015-07-03T12-56-00.000Z

У вас может быть только одно ng-приложение на страницу. Если вам нужен другой модуль, вы можете ввести его в первый модуль:

var newApp = angular.module('newApp',['mainApp']);

Это даст вам доступ к этим контроллерам модулей и т.д....

И на странице вы можете определить этот контроллер как контроллер для конкретной

<div ng-controller="myController">
...
</div>

Вопрос в том, почему бы просто не включить контроллер из второго модуля в первый модуль и объединить их все вместе?

Shweta M · Answer 2 · 2015-07-03T12-45-00.000Z

У меня нет достаточной репутации, чтобы комментировать ваш пост, поэтому отправляем его как ответ. Поскольку Майк предположил, что у вас может быть только один модуль, действующий как ng-приложение на страницу. ng-app в основном является точкой входа в ваше угловое приложение и его следует использовать в app.js... Если вам нужно несколько ng-приложений, вам нужно использовать угловой бутстрап. Перейдите по ссылке ниже

AngularJS Несколько ng-приложений на странице

Надеюсь это поможет....