Belajar Angular JS dengan praktek 1

<!DOCTYPE html>
<html lang="en-US">
    <!--
        Belajar Angular JS dengan praktek 1
        Yoesoff / Yusuf
        blog : undebugable.wordpress.com
        penjelasan :  Belajar praktek angularJS
     -->
    <head>
        <!-- Load Angular -->
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    </head>

    <body>
        <div ng-app="praktek1" ng-controller="praktek1Controller">
            <h1> Hi [[ "selamat" + " datang " + user_name ]] </h1>
            input user name : <input type="text" ng-model="user_name"><br>
        </div>
    </body>

    <script>
        var app = angular.module('praktek1', []).config(function($interpolateProvider){
            //ganti {{ dengan [[ dan ganti }} dengan ]]. kenapa karena template engine Twig dan Blade menggunakan {{ dan }}
            $interpolateProvider.startSymbol('[[').endSymbol(']]');
        });

        app.controller('praktek1Controller', function($scope) {
            $scope.user_name = "John"; //default user_name
        });
    </script>

</html>