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 

<html>
   <head>
      <title>Angular JS Filters</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
      </script>
   </head>
   
   <body>
      <h2>AngularJS Sample Application</h2>
      
      <div ng-app = "new" ng-controller = "studentctrl">
         <table border = "0">
             
<tr>
    <td> Enter the First Name :</td>
    <td><input type="text" ng-model="student.firstname"</td>
    
</tr>
<tr>
    <td>Enter the Second Name :</td>
    <td><input type="text" ng-model="student.secondname"</td>
</tr>
<tr>
    <td>Enter Fees :</td>
    <td><input type="text" ng-model="student.fee"</td>
</tr>
<tr>
    <td>Enter Subject :</td>
    <td><input type="text" ng-model="studentsubject"</td>
</tr>
<script>
    var neww=angular.module('new',[]);
    neww.controller('studentctrl',function($scope)
    {
        $scope.student={
            firstname: "ranjith";
            secondname: "kumar";
            fee="100";
        }
    });

    
</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>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

Angular Basic

angularjs 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.yourName= "John";
            $scope.lastName= "Doe";
        });
    </script>
 <body>
    <div ng-app="myApp" ng-controller="myCtrl">
      <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>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body ng-app="myApp" ng-controller="myCtrl">
<style>
    table,tr,th,td{
        border:2px solid;
        border-collapse:collapse;
        padding:2px;
        width:500px;
        height:50px;
        text-align:center;
    }
    th{
        cursor:pointer;
    }
    .button{
        float:left;
        height:20px;
        width:100px;
        text-align:center;
    }
</style>

Search:
<input type="text" placeholde="search" ng-model="searchtext">

Order By:
    <select ng-model="sortColumn">
    <option value="fName">fName</option>
    <option value="lName">lName</option>
    <option value="likes">likes</option>
</select>
<br/><br/>
<table>
    <tr>
    <th>fName</th>
    <th>lName</th>
    <th>likes</th>
    <th>dislikes</th>
    <th>likes/dislikes</th>
    </tr>
    <tr ng-repeat="rec in records | orderBy:sortColumn:revSort">
    <td>{{rec.fName}}</td>
    <td>{{rec.lName}}</td>
    <td>{{rec.likes}}</td>
    <td>{{rec.dislikes}}</td>
    <td>
        <input class="button" type="button" value="Like" ng-click="incLikes(rec)"><br/>
        <input class="button" type="button" value="Dislike" ng-click="incDisLikes(rec)">
    </td>
    </tr>
</table>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  var records = [
    {fName:"Ash",lName:"reddy",likes:0,dislikes:0},
    {fName:"rohith",lName:"sharma",likes:0,dislikes:0},
    {fName:"value",lName:"labs",likes:0,dislikes:0}
    ];
    $scope.records=records;
    $scope.sortColumn="fName";
    $scope.incLikes=function(rec){
        rec.likes++;
    }
    $scope.incDisLikes=function (rec){
        rec.dislikes++;
    }


});
</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>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

Node.html

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>
    <h2>Node</h2>
        <ul ng-repeat="ptutor in tutorial">
            <li>Course : {{ptutor.Name}} - {{ptutor.Description}}</li>
        </ul>
  </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>
<head >
<title>JavaScript Primer</title>
<script>
console.log("I am a statement");
console.log("I am also a statement");
</script>
</head>
<body>
<script>
console.log("Here is another statement");
console.log("Here is the last statement");
</script>
</body>
</html>
</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>

Emploee online leave management system

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>Hellofdgfdgggd {{yourName}}!</h1>
      <div id="viewframe"> 
<iframe id="viewfile" name="viewfile" src="https://estimate-dev.mymitchell.com/NgeApplicationImages/Documents//t3Portal/document/cr/BM18L0U/xhtml/RM0000000HX000X.html" frameborder="0" scrolling="no" seamless="" allowfullscreen="allowfullscreen">
</iframe>
</div>
    </div>
  </body>
</html>

Previous 1 2 3 4 5 6 7 ... 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.