[AngularJS] Using angular.bootstrap to Initialize Your App 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>Egghead Videos</title>
</head>
<body>
<div id="container">
    {{random}}
</div>
<div id="container2">
    {{random}}
</div>
<script type="text/javascript" src="./bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="./app/public/js/app.js"></script>
</body>
</html>
var app = angular.module('app', []);
app.run(function($rootScope){
    $rootScope.random  = Math.random();
})

angular.bootstrap(document.getElementById('container'), ["app"]);
angular.bootstrap(document.getElementById('container2'), ["app"]);

 

This you dont need to add 'ng-app' tag for the application, and you can duplicate the app as well.

 

posted @ 2014-10-04 21:19  Zhentiw  阅读(193)  评论(0)    收藏  举报