한 페이지에서 여러 모듈 호출?

나는 한 페이지에 module1과 module2을 만들었습니다. module1은 정상적으로 작동하지만 module2이 작동하지 않습니다. 단일 페이지에서 module1과 module2으로 올바르게 전화하는 방법을 제안하십시오. 이 앱은 module1 것을 포함한 페이지에서 여러 모듈 호출?

ng-app="module1"

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script> 
     var mymodule1 = angular.module('module1', []); 

     mymodule1.directive('btnDirective', function() { 
      return { 
       restrict: 'E', 
       template: '<table>' + 
        '<tr><td>Enter a value:<input type="text" ng-model="a" /></td></tr>' + 
        '<tr><td>Enter b Value:<input type="text" ng-model="b" /></td></tr>' + 
        '<tr><td><button ng-click="add(a,b)">Add</button></td></tr>' + 
        '<tr><td>Sum of two number {{sum}}</td></tr>' + 
        '</table>', 

       link: function($scope, element, attrs) { 

        $scope.sum = 0; 
        $scope.add = function(a, b) { 
         $scope.sum = parseInt(a) + parseInt(b); 
        } 
       } 
      }; 
     }); 
     var mymodule2 = angular.module('module2', []); 

     mymodule2.controller('controller2', function($scope) { 
      $scope.name = 'Second Module Controller!'; 
     }); 

     angular.bootstrap(document.getElementById("app2"), ['module2']); 
    </script> 
</head> 
<body> 
    <h3>Creating Custom Element Directive</h3> 
    <br /> 
    <div ng-app="module1"> 
     <btn-directive></btn-directive> 
    </div> 
    <h1>my module2</h1> 
    <div id="app2" ng-app="module2" ng-controller="controller2"> 
     Name: {{name}} 
    </div> 
</body> 
</html>

출처

2016-08-24 Shakeer Hussain

는이 작업을 사용합니다. 두 개의 모듈이 필요한 새 모듈 (예 : theapp)을 만들어야합니다.

var app = angular.module('theapp', ['module1', 'module2']);

는 교체 ng-app과 :

ng-app='theapp'

다음 당신은 할 수 있습니다 :

<body ng-app="theapp" ng-controller="controller2"> 
    <h3>Creating Custom Element Directive</h3><br /> 
    <div> 
    <btn-directive></btn-directive> 
    </div> 
    <h1>my module2</h1> 
    <div> 
    Name: {{name}} 
    </div> 
</body>

출처

2016-08-24 09:55:25 gianlucatursi

안녕하세요, 빠른 답장을 보내 주셔서 감사합니다. 나는 ng-app = "theapp"ng-controller = "controller2"로 시도했습니다 –

아직도 컨트롤러 2가 작동하지 않습니다

Name: {{name}}

–

콘솔을 점검 했습니까? 각도가 페이지 구문 분석에서 멈춘 것처럼 들리므로 – maurycy

답변

관련 문제