Angular+JQ+Bootstrap

by Jeado

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div id="app1">
    <span ng-controller="ctrl">
        <input ng-model="one">{{one}}
    </span>
</div>
<div id="app2">
    <span ng-controller="ctrl">
        <input ng-model="two">{{two}}
    </span>
</div>

JavaScript

angular.module('app1',[]).controller('ctrl', function($scope) {
    $scope.one = '1';
});
angular.module('app2',[]).controller('ctrl', function($scope) {
    $scope.two = '2';
});


angular.bootstrap(document.getElementById('app1'), ['app1']);
angular.bootstrap(document.getElementById('app2'), ['app2']);