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>