Learn Angular JS

<!DOCTYPE html>
<html lang="en-US">

    <!--
        Belajar Angular JS dengan praktek
        Yoesoff / Yusuf
        blog : undebugable.wordpress.com
        penjelasan :  Belajar praktek angularJS
     -->

    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
        <script>
        angular.module('learn1', []).config(function($interpolateProvider){
            $interpolateProvider.startSymbol('{%').endSymbol('%}');
        });
        </script>
    </head>

    <body>

        <div ng-app="learn1" ng-init="firstName='John'">

            <p>The name is <span ng-bind="firstName"></span> {% 5 + 5 %} </p>

            <hr />

            <!-- text -->
            <p>Name : <input type="text" ng-model="name"></p>
            <h1>Hello {%name%}</h1>

            <hr />

            <!-- textarea -->
            <p>Address : <textarea type="text" ng-model="address"></textarea></p>
            <h2>Desc : {%address%}</h2>

            <hr />

            <!-- checkbox / boolean -->
            <p>Active : <input type="checkbox" ng-model="isActive"> </p>
            <h2>Desc : {%isActive%}</h2>

            <hr />

             <!-- select -->
            <p>
                Select Gender :
                <select ng-model="gender">
                      <option value="male" selected>Male</option>
                      <option value="famale">Famale</option>
                 </select>
            </p>

            <h2>Gender : {%gender%}</h2>

        </div>

    </body>
</html>