我們如何在angularJS中使用多個模塊？ 我已經努力了，一個正在工作，第二個沒有工作

Question

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非常感興趣'，而我是這個主題的入門者。 單擊以查看結果在我的本地主機中這是我的jsfiddle的鏈接： https ://jsfiddle.net/daranaveen007/dt256cep/

Answer 1

將第一個模塊作為依賴項添加到第二個模塊。

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>