The sample show how to filter data in angularjs, filtering with currency format example.
<!DOCTYPE html> <html> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script> angular.module('myWebApp', []).controller('listnamesCtrl', function($scope) { $scope.names = [ {name:'Lewis',country:'HoChiMinh'}, {name:'Kevin',country:'HaNoi'}, {name:'Vais',country:'DaNang'} ]; }); </script> <body> <div ng-app="'myWebApp'" ng-controller="'listnamesCtrl'"> <p>Filtering input:</p> <p><input type="text" ng-model="test"></p> <ul> <li ng-repeat="x in names |filter:test | orderBy:'country'"> {{ (x.name | uppercase) + ', ' + x.country }} </li> </ul> </div> </body> </html>
Filtering with currency format example.
<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script>
angular.module('myWebApp', []).controller('listnamesCtrl', function($scope) {
app.controller('fitercurrencyCtrl', function($scope) {
$scope.quantity = 1;
$scope.price = 9.99;
});
</script>
<body>
<div ng-app="'myWebApp'" ng-controller="'fitercurrencyCtrl'">
<input type="number" ng-model="quantity">
<input type="number" ng-model="price">
<p>Total = {{(quantity * price) | currency}}</p>
</div>
</body>
</html>
ReplyDeleteThanks for sharing about Angular,It’s a structural framework for dynamic web application; it lets you extend the syntax of HTML to demonstrate your apps components clearly. All functionality happens inside the browser making it an ultimate companion with any server technology.
Regards,
Angularjs training in chennai
The oracle database is capable of storing the data in two forms such as logically in the form of table spaces and physically like data files.
ReplyDeleteOracle Training in Chennai | oracle dba training in chennai
Thanks for your valuable post.
ReplyDeleteoracle-database-use-xml-db training in chennai
This is Great and very useful advice with in this post. Thank you.
ReplyDeletewebshere training in chennai
Thank you for the information success always.
ReplyDeletejava training in chennai
This blog was really amazing, thank you so much for sharing this blog.
ReplyDeleteMotorcycle Tours in India
Great post with great content. Regards to your efforts. Keep sharing more such posts.
ReplyDeleteExcel Training in Chennai
Excel Classes in Chennai
Mobile Testing Training in Chennai
Mobile Testing Course in Chennai
Embedded System Course Chennai
Embedded Training in Chennai
Excel Training in OMR
Excel Training in Porur
I am very happy to read this blog.. keep sharing this blog...
ReplyDeletePHP Training in Chennai
PHP Training in bangalore
php training in coimbatore
php Course in madurai
spoken english classes in bangalore
Data Science Course in Chennai
Best PHP training in chennai
best php training institute in bangalore
best php training in coimbatore
AWS Training in Chennai
I have to agree with everything in this post. Thanks for useful sharing information.
ReplyDeleteHadoop Training in Chennai
Hadoop Training in Bangalore
Big Data Course in Coimbatore
Big data course in bangalore
Big Data Course in Chennai
Big Data Training in Bangalore
DOT NET Training in Bangalore
Python Training in Coimbatore
ReplyDeleteThanks for posting this.I got lots of information from your blog.
Software Testing Training in Chennai
Software Testing Training in Bangalore
Software Testing Training in Coimbatore
Software Testing Training in Madurai
Software Testing Training Institute in Chennai
Software Testing Course in Chennai
Testing Course in Chennai
Software Testing Training Institute in Bangalore
Selenium Course in Bangalore
ReplyDeletepython course in coimbatore
java course in coimbatore
python training in coimbatore
java training in coimbatore
php course in coimbatore
php training in coimbatore
android course in coimbatore
android training in coimbatore
datascience course in coimbatore
datascience training in coimbatore
ethical hacking course in coimbatore
ethical hacking training in coimbatore
artificial intelligence course in coimbatore
artificial intelligence training in coimbatore
digital marketing course in coimbatore
digital marketing training in coimbatore
embedded system course in coimbatore
embedded system training in coimbatore
I like this one...more helpful information provided here.I am quite sure I will learn much new stuff right here! Good luck for the next!
ReplyDeleteOracle Training | Online Course | Certification in chennai | Oracle Training | Online Course | Certification in bangalore | Oracle Training | Online Course | Certification in hyderabad | Oracle Training | Online Course | Certification in pune | Oracle Training | Online Course | Certification in coimbatore
Pretty blog, so many ideas in a single site, thanks for the informative article, keep updating more article. Primavera Training in Chennai | Primavera online course
ReplyDelete
ReplyDeleteAmazing post.Thanks for sharing.........
Cyber Security Course in Pune
Cyber Security Course in Gurgaon
Cyber Security Course in Hyderabad
Cyber Security Course in Bangalore
He's really nice and mean. it's a really cool blog. The link is a very useful thing. You have really helped a lot of people who visit the blog and give them useful information.
ReplyDeleteData Science Course in Durgapur
Amazing post.Thanks for sharing a valuable information......
ReplyDeleteDevOps Tools
Technologies used by Devopsand its Tools
Temporary Storage Structures
ReplyDeletefabric aircraft hangars in uae
portable buildings
ReplyDeleteNice informative content. Thanks for sharing the valuable information.
RPA Training in Chennai
RPA Training Online
RPA Training In Bangalore