Я использую два модуля на одной странице, а второй модуль не работает. Если я удаляю первый модуль, то второй работает нормально. Я не знаю, почему это происходит, потому что мы можем использовать два или несколько модулей на одной странице.
<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>
У вас может быть только одно ng-приложение на страницу. Если вам нужен другой модуль, вы можете ввести его в первый модуль:
var newApp = angular.module('newApp',['mainApp']);
Это даст вам доступ к этим контроллерам модулей и т.д....
И на странице вы можете определить этот контроллер как контроллер для конкретной
<div ng-controller="myController">
...
</div>
Вопрос в том, почему бы просто не включить контроллер из второго модуля в первый модуль и объединить их все вместе?
У меня нет достаточной репутации, чтобы комментировать ваш пост, поэтому отправляем его как ответ. Поскольку Майк предположил, что у вас может быть только один модуль, действующий как ng-приложение на страницу. ng-app в основном является точкой входа в ваше угловое приложение и его следует использовать в app.js... Если вам нужно несколько ng-приложений, вам нужно использовать угловой бутстрап. Перейдите по ссылке ниже
AngularJS Несколько ng-приложений на странице
Надеюсь это поможет....