angularjs_controller_vd2

by Nguyen Van Giang

HTML

<title>AngularJS Controller</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script>
    var app = angular.module('myApp', []);
    app.controller('personCtrl', ['$scope', function($scope) {
    $scope.firstName = "Nguyen";
    $scope.lastName = "Phu";
    $scope.fullName = function() {
    return $scope.firstName + " " + $scope.lastName;
    }
    }]);
</script>
<body>
    <div ng-app="myApp" ng-controller="personCtrl">
        
        First Name: <input type="text" ng-model="firstName"></input>
        Last Name: <input type="text" ng-model="lastName"></input>
        <hr />
        Full Name: {{ fullName() }}
        
    </div>
</body>