Угловые последующие модули Работа

Question

В этом примере почему не работает второй модуль?

JSFiddle example.

HTML

<div ng-app="My.App" ng-controller="MyController"> 
    Hello {{ test }} 
</div> 

<div ng-app="My.App2" ng-controller="MyController2"> 
    Hello {{ test2 }} 
</div> 

Javascript

var MyApp = angular.module("My.App", []); 
var MyApp2 = angular.module("My.App2", []); 

MyApp.controller("MyController", function($scope) { 
     $scope.test = "Bob"; 
}); 

MyApp2.controller("MyController2", function($scope) { 
     $scope.test2 = "Bob"; 
}); 

Результат

Здравствуйте Боб

Здравствуйте, {{}} test2

Answer 1

К сожалению, это невозможно. У вас может быть только одна директива ngApp в одном документе HTML.

Смотрите соответствующие документы здесь: https://docs.angularjs.org/api/ng/directive/ngApp

Edit: Там есть еще один способ, как указано ниже - где вы самонастройки второго модуля вручную с angular.bootstrap см: https://docs.angularjs.org/api/ng/function/angular.bootstrap

Я обновил свой JSFiddle: http://jsfiddle.net/U3pVM/20000/