angular
.module('ApplicationOne',[])
.controller('myControllerOne', function($scope){
$scope.name = "Luther";
$scope.fname = "Martin";
$scope.ed = "B.TECH";
});
angular
.module('App2',[])
.controller('myControllerTwo', function($scope){
$scope.name = "Juliet";
$scope.fname = "Willium";
$scope.ed = "BSC";
});
В моем локальном хосте первый модуль работает нормально, но проблема со вторым модулем, я не могу его поймать, даже я сослался на официальную документацию AngularJS. Прошу кратко сообщить об этом, мне очень интересно узнать "ng-script ', И я начинаю эту тему. Нажмите, чтобы увидеть результат в моем localhost. Здесь ссылка моего jsfiddle: https://jsfiddle.net/daranaveen007/dt256cep/
Добавьте первый модуль в зависимость от второго модуля.
angular.module('App2',['ApplicationOne'])
Хотя это полезно, только если ваш первый модуль объявляет службы или компоненты, которые может использовать второй модуль. Что касается контроллеров, их следует добавить в один корневой модуль.
В вашем случае вам не нужны два модуля. Достаточно одного модуля с одним контроллером. Вместо этого вам нужно множество людей.
angular.module('ApplicationOne', [])
.controller('myControllerOne', function($scope, $rootScope) {
$scope.message = "Hello World!";
$scope.persons =[{
name: "Luther",
fname: "Martin",
ed: "B.TECH"
},{
name: "Juliet",
fname: "Willium",
ed: "BSC"
}]
});
HTML:
<div ng-app="ApplicationOne" ng-controller="myControllerOne">
<div class="row" ng-repeat="person in persons">
<div class="col-md-6 col-md-offset-3">
<table class="table">
<tr>
<td>Name:</td>
<td>
<input type="text" class="form-control" ng-model="person.name"> </td>
</tr>
<tr>
<td>Fathers name:</td>
<td>
<input type="text" class="form-control" ng-model="person.fname">
</td>
</tr>
<tr>
<td>Ed.Qual:</td>
<td>
<select class="form-control" ng-model="person.ed">
<option value="MCA">MCA</option>
<option value="M.TECH">M.TECH</option>
<option value="B.TECH">B.Tech</option>
<option value="BSC">BSC</option>
</select>
</td>
</tr>
<tr>
<td>
<button ng-click="message = 'Good job (Magilchi).'" class="btn btn-primary btn-md"> Save </button>
</td>
<td>
<p>{{ message }}</p>
</td>
</tr>
</table>
</div>
</div>