Новое для Angular. Я чувствую, что мне не хватает чего-то очевидного: разве я не могу легко запускать отдельные приложения (модули) на одной странице html? Что-то вроде этого:
<section ng-app="HelloWorldApp" ng-controller="HelloWorldController">
Hello {{name}}!
</section>
<br />
<section ng-app="MyNameIsApp" ng-controller="MyNameIsController">
My Name is {{FirstName}} {{LastName}}!
</section>
JavaScript:
var HelloWorldApp = angular.module('HelloWorldApp', []);
HelloWorldApp.controller('HelloWorldController', function($scope) {
$scope.name = 'World';
});
var MyNameIsApp = angular.module('MyNameIsApp', []);
MyNameIsApp.controller('MyNameIsController', function($scope) {
$scope.FirstName = 'John';
$scope.LastName = 'Smith';
});
Это работает только первый модуль, а второй - ничего не делает. Я хочу сделать это, чтобы я мог создавать многоразовые инкапсулированные директивы для нескольких страниц, которые не должны называть их модули одинаковыми.
Live Пример: http://plnkr.co/edit/cE6i3ouKz8SeQeA5h3VJ
Мы закончили создание небольшой иерархии модулей, однако мой первоначальный вопрос может быть выполнен с небольшим количеством работы (см. ниже).
