Directives

 

<DOCTYPE html>
<html>
    <head>
        <meta CHARSET="UTF-8">
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    </head>
    <body ng-app="">
        <fieldset>
            <legend>
                Single Variables
            </legend>
            <div ng-init="name = 'Angular JS'">
                Hello {{name}}
            </div>
        </fieldset>
        <fieldset>
            <legend>
                Multiple Variables
            </legend>
            <div ng-init="first_name = 'Angular';last_name = 'JS'">
                Hello {{first_name + ' ' + last_name}}
            </div>
        </fieldset>
        <fieldset>
            <legend>
                Model
            </legend>
            <div ng-init="model_variable = 'Hello Model'">
                <input type="text" ng-model="model_variable" />
                Hello {{model_variable}}
                <div ng-bind="model_variable"></div>
            </div>
        </fieldset>
        <fieldset>
            <legend>
                JSON objects
            </legend>
            <div ng-init="months={'first':'January', 'last':'December'}">
                First Month : {{months.first}} <br/>
                Last Month : {{months.last}}
            </div>
        </fieldset>
        Hello {{'World'}}
    </body>
</html>

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *