Вызов нескольких модулей на одной странице?

Я создал module1 и module2 на одной странице. module1 работает нормально, module2 не работает. Пожалуйста, предложите как правильно позвонить module1 и module2 на одной странице.Вызов нескольких модулей на одной странице?

<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

Вы можете использовать это:

ng-app="module1"

это предполагает, что ваше приложение module1. Вам необходимо создать новый модуль (например: 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" –

Контроллер Still2 не работает

Name: {{name}}

–

Вы проверили свою консоль? потому что он звучит как угловой, остановлен от разбора страницы – maurycy

Вызов нескольких модулей на одной странице?

ответ

Смежные вопросы