Directives in Angular (ng-app , ng-model , ng-bind)

Source code for angular directives:-



<html>
    <head>
        <title>Angular Directives</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
    </head>

    <body>
        <div ng-app="">
            <h1 align="center">Angular Directives!</h1>
            <br>
            <p>Enter Name : <input type="text" ng-model="UserName"></p>
            <br>
            <p>Welcome, <span ng-bind="UserName"></span></p>
            <br>
        </div>
    </body>
</html>



Output:







Thanks for reading


Please find the below video for the same topic in hindi.



Subscribe Tech Sharmit for more videos on Angular 




Comments

Popular posts from this blog

Dynamic XMl file creation in IFS using RPGLE Program - IBMI / AS400

Compile Time Data Array in RPGLE - IBM i / AS400

Numeric Data type in RPGLE free format - IBM i / AS400