<!DOCTYPE HTML>
<html ng-app="">
<head>
<title>Aabit Tutorial for Angular JS</title>
<script src="lib/angular.min.js" ></script>
</head>
<body>
<input type="text" ng-model="sampleName" />
{{sampleName}}
<!--
-->
<div ng-init="details=['abhijit','apps','aniket','chetan','tushar']">
<ol>
<li ng-repeat="na in details">{{na}}</li>
</ol>
</div>
<!--
-->
<div ng-init="detail=[{name:'abhijit',age:'24'},{name:'apps',age:'23'},{name:'aniket',age:'23'},{name:'chetan',age:'25'},{name:'tushar',age:'25'}]">
<ol>
<li ng-repeat="na in detail ">{{na.name}} {{na.age}}</li>
</ol>
</div>
<!--
-->
<input type="text" ng-model="sampleName1" />
{{sampleName1}}
<div ng-init="detaila=[{name:'abhijit',age:'24'},{name:'apps',age:'23'},{name:'aniket',age:'23'},{name:'chetan',age:'25'},{name:'tushar',age:'25'}]">
<ol>
<li ng-repeat="naa in detaila | filter:sampleName1 | orderBy: naa.name">{{naa.name}} {{naa.age}}</li>
</ol>
</div>
<!--
-->
</body>
</html>
No comments:
Post a Comment
Dharamart.blogspot.in