Angular Trial

by amindunited

HTML

<div class="applicationWrap">
    <h1>Application Top</h1>
    
    <div class="sideBar">
        <div class="itemsWrap" ng-controller="ItemListCtrl">
            <ul>
                <li ng-repeat="item in Items">
                  {{item.name}}
                </li>
            </ul>
        </div>
    </div>    
    
</div>

<script type="text/ng-template" id="/body/partials/item-partial.htm">
    
</script>



<!--
    Libs
-->
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>

JavaScript

var App = angular.module('myApp', [])
.controller('MyController', ['$scope', function ($scope) {
    $scope.greetMe = 'World';
}]);

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

App.controller('ItemListCtrl', function ($scope) {
    $scope.Items = [
        {name:'Item 1'},
        {name:'Item 2'},
        {name:'Item 3'},
        {name:'Item 4'}
    ]
});