New to Angular. Mi sento come se mi mancasse qualcosa di ovvio: non dovrei essere in grado di eseguire facilmente le app di AngularJs (moduli) nella stessa pagina html? Qualcosa di simile a questo:Come eseguire due app Angular js separate nella stessa pagina
<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';
});
Questo viene eseguito solo il primo modulo, mentre il secondo non sembra di fare nulla. Voglio fare questo in modo che possa creare direttive riutilizzabili e incapsulate per più pagine che non devono nominare i loro moduli la stessa cosa.
diretta Esempio: http://plnkr.co/edit/cE6i3ouKz8SeQeA5h3VJ
Abbiamo finito per costruire small hierarchy of modules, comunque la mia domanda iniziale può fare, con solo un po 'di lavoro (vedi sotto).
Si prega di dare un'occhiata a questa risposta http://stackoverflow.com/questions/15641730/angular-js-directives-in-different-modules/15642327#15642327 e anche prendere in considerazione un altro http://stackoverflow.com/ a/15644492/637740. Usualy secondo si adatta meglio –