-binding part
properties and methods
both view and controller
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="myApp">
<p>The rootScope's favorite color:</p>
<h1>{{color}}</h1>
<script>
var app = angular.module('myApp',...
Showing posts with label AngularJS. Show all posts
Showing posts with label AngularJS. Show all posts
Friday, August 26, 2016
26
Aug
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
angular.module('test', []).controller('menu', function($scope) {
$scope.names = [
{furit:'Orange',vegtable:'Drumstick'},
{furit:'Apple',vegtable:'Ladyfinger'},
...
26
Aug
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="test" ng-controller="myC">
Name: <input ng-model="firstname">
<h1>{{firstname}}</h1>
<h1>{{lastname}}</h1>
</div>
<script>
var...
Tuesday, August 9, 2016
Name:<input id="txtname" type="text"/>
Welcome!
<script>
var txtipt = document.getElementById('txtname');
txtipt.addEventListener('keyup', function(){
var text = txtipt.value;
...
Wednesday, July 20, 2016
20
Jul
Objects in angular js
Example:
<html >
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-init="emp={id:'1',name:'peak'}">
<p>The Emp Id is {{ emp.id }}</p>
</div>
</...
Tuesday, February 16, 2016
16
Feb
We are using Angular’s directives to set and read the active variable
<style>
*{
margin:0;
padding:0;
}
body{
font:15px/1.3 'Open Sans', sans-serif;
color: #5e5b64;
text-align:center;
}
a, a:visited {
outline:none;
color:#389dc1;
}
a:hover{
text-decoration:none;
}
section, footer, header,...
Thursday, November 5, 2015
HTML:
<div ng-app>
<h2>TAsk Details</h2>
<div ng-controller="TodoCtrl">
<select ng-model="ddlRooms" ng-options="r.id as r.Name for r in Rooms">
</select>
{{$scope.test}}
...
Friday, October 30, 2015
This post textbox value show same text in h1 tag.
Script :
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script><div ng-app=""><table><tr><td>Enter
the Name :</td><td> <input type="text" ng-model="name"
placeholder="Enter...
30
Oct
AngularJS is quickly and efficient to work for developers.
-Extends Hyper text markup Language
-Dynamic webapps
-Its runs single page application like (If you search records in same page)
-Databinding within the pages
- Easy to learn and implementation our Application
We need to know
HTML
Javscript
CSS
Basic...
Posts
