複数のモジュールを1ページで呼び出しますか？

私はmodule1とmodule2を1ページに作成しました。 module1は正常に動作していますが、module2は機能しません。 module1とmodule2を1ページに正しく呼び出す方法をお勧めします。これは、あなたのアプリがmodule1であることを伴う複数のモジュールを1ページで呼び出しますか？

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

あなたはこれを使用します。 2つのモジュールを必要とする新しいモジュール（例：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

複数のモジュールを1ページで呼び出しますか？

答えて

関連する問題