Please note, this is a STATIC archive of website www.tutorialspoint.com from 11 May 2019, cach3.com does not collect or store any user information, there is no "phishing" involved.
Tutorialspoint
Home
Q/A
Tools
Coding Ground
Current Affairs
UPSC Notes
Online Tutors
Code Examples
Whiteboard
Net Meeting
Articles
Library
Videos
eBooks

Online AngularJS Editor

angularjs 

<!doctype html>
<html>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js">
    </script>
    <style>
    input.ng-invalid {
    background-color: lightblue;
    }
    </style>
  <body>
   <form ng-app="" name="myForm">
     Email:<input name="tname" ng-model="text" required>  
    </form>
 </body>
</html>

Online AngularJS Editor

angularjs 

<!doctype html>
<html ng-app="" ng-init="states=[{State:'TamilNadu',Capital:'Chennai'},{State:'Kerala',Capital:'Trivandrum'},{State:'Karnataka',Capital:'Bengaluru'}]">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  </head>
  <body>
    <div>
        <p>Looping with objects</p>
      <ul>
          <li ng-repeat="x in states">
              {{x.State + '  :  ' + x.Capital}}
          </li>
      </ul>
    </div>
  </body>
</html>

Online AngularJS Editor

angularjs 

<!doctype html>
<html ng-app="myApp" ng-controller="myController">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js">
    </script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="firstName" placeholder="Enter a name here">
      <input type="text" ng-model="lastName" placeholder="Enter a name here">
      <hr>
      <p>Hello <span ng-bind="firstName" + "lastName"></span></p>
      <h1>Hello {{firstName + " " +lastName}}!</h1>
    </div>

    <script>
    
    //Angular Model 
    var app=angular.module('myApp', []);
    
    //Angular Controller
    app.controller('myController',function($scope){
        $scope.firstName;
        $scope.lastName;
    });
        
    </script>
  </body>
</html>

Online AngularJS Editor

angularjs 

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Bem vindo {{yourName}}!</h1>
    </div>
  </body>
</html>

UberEats

angularjs 

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

Online AngularJS Editor

angularjs 

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

ngRoute

angularjs 

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

ddasdasd

angularjs 

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

;;kkii

angularjs 

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

ayush

angularjs 

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

Previous 1 ... 58 59 60 61 62 63 64 Next
Advertisements
Loading...
img img img img img img

Follow

© Copyright 2019. All Rights Reserved.

Newsletter

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.