Как мы работаем с несколькими модулями в angularJS ?? Я очень старался, один работает, второй не работает

0
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/

  • 0
    Какова ваша цель здесь? Для приложения может быть только один корневой модуль, поэтому, какой бы ни был ваш корневой модуль, если вы хотите использовать компоненты из второго модуля, вам нужно будет указать его как зависимость.
  • 0
    Где ваша декларация приложения?
Показать ещё 4 комментария
Теги:

1 ответ

0
Лучший ответ

Добавьте первый модуль в зависимость от второго модуля.

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>

  • 0
    Извините @Dev Шах, сэр, все еще не работает, как я пытался, как вы сказали.
  • 0
    Сэр, пожалуйста, обратитесь к скрипту JS по вышеуказанной ссылке и постарайтесь помочь мне решить (узнать) об этом. Я не могу спать с сомнением, когда узнаю что-то интересное. Извините за беспокойство. Спасибо..
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню