Angular JS - Training

by asanjum

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.js"></script>
<div ng-app="my-app">
    <div ng-controller="AppController1">
        {{message}} - {{time}}
    </div>
    <div id="ct2" ng-controller="AppController2">
        <input ng-model="employee.name"/>
        {{message}} {{employee.name}}
        <button ng-click="update()">Update</button>
    </div>
</div>

JavaScript

var app = angular.module('my-app', [], function () {

})

app.controller('AppController1', function ($scope, $interval) {
    $scope.message = "Welcome1";
    
    $scope.time = new Date();
    $interval( function(){
        $scope.time = new Date();
    },1000)
})
app.controller('AppController2', function ($scope) {
    $scope.message = "Welcome";
    $scope.employee = {name:'arun'};
    
    $scope.update = function(){
        alert($scope.employee.name)
    }
})