AngularJS: inizializzazione manuale di un'applicazione

AngularJS permette anche di inizializzare il codice di un'applicazione manualmente.

Invece di utilizzare la direttiva ng-app possiamo sfruttare il metodo .bootstrap() di Angular:


var app = angular.module('MyApp', []);

app.controller('MessageCtrl', ['$scope', function($scope) {
	$scope.message = 'Hello world';
}]);

angular.element(document).ready(function() {
      angular.bootstrap(document, ['MyApp']);
});

Il nostro codice HTML non avrà bisogno della direttiva ng-app:


<body>
	<div ng-controller="MessageCtrl">
		<p>{{message}}</p>
	</div>	
</body>

Torna su