Scribd Logo
Upload

Welcome to Scribd!

  • Angular Code Exp 9

    Uploaded by

    Uddhav Rodge
    6 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views2 pages

    Angular Code Exp 9

    Uploaded by

    Uddhav Rodge

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Changing Color

    NameAngular

    <!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <body>
    <p>Change the value of the input field:</p>
    <div ng-app="" ng-init="myCol='AQUA'">
    <input style="background-color:{{myCol}}" ng-model="myCol">
    </div>
    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <body>
    <p>Try to change the names.</p>
    <div ng-app="myApp" ng-controller="myCtrl">
    First Name: <input type="text" ng-model="firstName"><br>
    Last Name: <input type="text" ng-model="lastName"><br>
    <br>
    Full Name: {{firstName + " " + lastName}}
    </div>
    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
    $scope.firstName= "";
    $scope.lastName= "";
    });
    </script>
    </body>
    </html>
    Bind Directive

    <!
    DOCTYPE
    html>
    <html>
    <script
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></
    script>
    <body>
    <div data-ng-app="" data-ng-init="firstName='John'">
    <p>The name is <span data-ng-bind="firstName"></span></p>
    </div>
    </body>
    </html>

    Angular

    <!
    DOCTYPE
    html>
    <html>
    <script
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></
    script>
    <body>
    <div ng-app="">
    <p>Input something in the input box:</p>
    <p>Name : <input type="text" ng-model="name" placeholder="Enter name
    here"></p>
    <h1>Hello {{name}}</h1>
    </div>
    </body>
    </html>

    You might also like