AngularJS supports addClass, removeClass jQuery functionality. Here in below examples we can see how to add a class to an element.
AngularJS is providing ng-class to manipulate classes of elements
Angular2 : If you are looking for Angular2 solution, please click here
AngularJS is providing ng-class to manipulate classes of elements
Angular2 : If you are looking for Angular2 solution, please click here
Steps to add class using ng-class :
- Initiate $scope.myClass to array
- Push classes into above array
$scope.myClass = []; $scope.myClass.push('red');
Steps to remove class using ng-class :
- Initiate $scope.myClass to array
- Pop classes from above array
$scope.myClass = []; $scope.myClass.pop('red');
Steps to check class using ng-class :
- Initiate $scope.myClass to array
- Check index of the class that you want to check
$scope.myClass = ['red']; if($scope.myClass.indexOf('red') == -1) { alert('false'); } else { alert('true'); }
Steps to add class using ng-class with JSON
- Initiate $scope.myClass to JSON object of classes and boolean values
- Assign true for the JSON class name, that you want to add
$scope.myClass = {red:false}; $scope.addClass = function() { $scope.myClass.red = true; }Try It Your Self
Steps to remove class using ng-class with JSON
- Initiate $scope.myClass to JSON object of classes and boolean values
- Assign false for the JSON class name, that you want to remove
$scope.myClass = {red:false}; $scope.removeClass = function() { $scope.myClass.red = false; }Try It Your Self
Steps to toggle class using ng-class with JSON
- Initiate $scope.myClass to JSON object of classes and boolean values
- Assign opposite boolean value to the JSON class name
$scope.myClass = {red:false}; $scope.toggleClass = function() { $scope.myClass.red = !$scope.myClass.red; };Try It Your Self
Steps to add class to an elemnt :
- Get angular element of html element
- Use .addClass() method to add class to that angular element
var myEl = angular.element( document.querySelector( '#divID' ) ); myEl.addClass('red');
Steps to remove class from an element :
- Get angular element
- Use .removeClass() method to remove class from that angular element
var myEl = angular.element( document.querySelector( '#divID' ) ); myEl.removeClass('red');
Try It Your Self
Steps to toggle class to an element :
- Get angular element
- Use .toggleClass() method to toggle class to that angular element
var myEl = angular.element( document.querySelector( '#divID' ) ); myEl.toggleClass('red');
Find whether element has particular Class
- Get angular element
- Use .hasClass() method to find whether element has class or not
var myEl = angular.element( document.querySelector( '#divID' ) ); if(myEl.hasClass('red')) { alert('has class red'); }
thanks for this post I was looking since many days
ReplyDeleteGreat Article
DeleteCloud Computing Projects
Networking Projects
Final Year Projects for CSE
JavaScript Training in Chennai
JavaScript Training in Chennai
The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training
Thanks! It was quick help.
ReplyDeleteThis was a nice short & to-the-point post. Thank you mucho!
ReplyDeletethanks .. Remove class code snippet really helped me.
ReplyDeletethanks .. Remove class code snippet really helped me.
ReplyDeleteIs great and thanks, but all these should be done in a directive
ReplyDeleteSuppose I have 3 spans in one div, and two of them has already added class 'red'. Then How can i remove those classes from those 2 spans in angular?
ReplyDeletevar jsEl = document.querySelectorAll('.red');
Deletefor(var i=0; i< jsEl.length; i++) {
var myEl = angular.element(jsEl[i]);
myEl.removeClass('red');
}
Well Said, you have furnished the right information that will be useful to anyone at all time. Thanks for sharing your Ideas.
ReplyDeleteionic training in chennai
Thank you for sharing this Wonderful information.
ReplyDeleteIonic course | Ionic Training
Thank you for your post. This is excellent information. It is amazing and wonderful to visit your site.
ReplyDeleteWeb Design Training
Nice blog! This is really worth reading. I'm glad that I found your post. Looking forward for more posts from you.
ReplyDeleteManual Testing Training in Chennai
Manual Testing Training in Anna Nagar
Oracle Training in Chennai
your article is very good and very helpful. every one can use and know that how Creating Custom Animations for Use in Tableau. if you want to gif covert to image than check it you can easily understand that how to Use GIF Converter to Get Images for Marketing
ReplyDeleteคาสิโนออนไลน์ที่น่าเชื่อถือและมีความเป็นมืออาชีพที่สุดในตอนนี้
ReplyDeleteโปรโมชั่นGclub ของทางทีมงานตอนนี้แจกฟรีโบนัส 50%
เพียงแค่คุณสมัคร สล็อตออนไลน์ กับทางทีมงานของเราเพียงเท่านั้น
ร่วมมาเป็นส่วนหนึ่งกับเว็บไซต์คาสิโนออนไลน์ของเราได้เลยค่ะ
สมัครสล็อตออนไลน์ >>> Goldenslot
สนใจร่วมสนุกกับ คาสิโนออนไลน์ คลิ๊กได้เลย
มีทั้งคาสิโนออนไลน์ หวยออนไลน์ ฟุตบอลออนไลน์ สล็อตออนไลน์ และอื่นๆอีกมากมาย
Surpassing Article, This post contains great information about this topic. Can you please do a more extra post like from this blog and Thank you much more for sharing this useful info.
ReplyDeletePrimavera Training in Chennai
Primavera Coaching in Chennai
Corporate Training in Chennai
Pega Training in Chennai
Embedded System Course Chennai
Linux Training in Chennai
Job Openings in Chennai
Social Media Marketing Courses in Chennai
Soft Skills Training in Chennai
JMeter Training in Chennai
Primavera Training in Anna Nagar
I have to agree with everything in this post. Thanks for the useful sharing information.
ReplyDeleteselenium Training in anna nagar
selenium Training in Chennai
selenium Training in OMR
java training in T nagar
Salesforce Training in T Nagar
selenium Training in T Nagar
Python Training in anna nagar
IELTS Coaching in OMR
ReplyDeleteThanks for sharing this post. It is very helpful for me to develop my skills in a right way.
Ethical Hacking Course in Velachery
Ethical Hacking Course in T Nagar
Ethical Hacking Course in Tambaram
Ethical Hacking Course in Anna Nagar
Ethical Hacking Course in Porur
Ethical Hacking Course in Vadapalani
Ethical Hacking Course in Thiruvanmiyur
Ethical Hacking Course in Adyar
Ethical Hacking Course in OMR
Thanks for sharing a worthy information. This is really helpful. Keep doing more.
ReplyDeleteSpoken English Classes in Chennai
Spoken English Class in Chennai
Spoken English in Chennai
IELTS Training in Chennai
IELTS Chennai
Best English Speaking Classes in Mumbai
Spoken English Classes in Mumbai
IELTS Mumbai
IELTS Coaching in Anna Nagar
Spoken English Class in T Nagar
Awesome post. I am a normal visitor of your blog and appreciate you taking the time to maintain the excellent site. I’ll be a frequent visitor for a long time.
ReplyDeleteACP Sheet
ACP Sheet Price
Aluminium Composite Panel
Thanks for sharing this information.
ReplyDeleteWant to Buy Step Down Transformer or Are you Curious about What is Step Down Transformer? Read the blog to get your queries resolved before making a purchase.
The article is so informative. This is more helpful for our
ReplyDeleteselenium training in chennai
selenium online courses best selenium online training
selenium testing training
selenium classes
Thanks for sharing.
Nice blog thanks for sharing Tidy up your ambience by decorating them with amazing landscape plants in Chennai. Karuna Nursery Gardens is your portal to all the green that the world has to offer. Revolutionize your indoors, garden, terrace or office right now with us.
ReplyDeleterental plants in chennai
Do you want to know more about web design agency Sempris or about what web design agencies can do for you? Then don't hesitate to contact us ! We are happy to assist you. An exploratory conversation or a free price estimate are certainly possible. Webdesign
ReplyDeleteThanks for sharing wonderful information blog, its such a great info. keep update.
ReplyDeleteIntensive english program
learn english america
english speaking classes
Intensive English language program
spoken english classes
english conversation course
best english programs
Thanks for sharing wonderful information blog, its such a great info. keep update.
ReplyDeletespoken english classes
English conversation course
Best english programs
The development of artificial intelligence (AI) has propelled more programming architects, information scientists, and different experts to investigate the plausibility of a vocation in machine learning. Notwithstanding, a few newcomers will in general spotlight a lot on hypothesis and insufficient on commonsense application. machine learning projects for final year In case you will succeed, you have to begin building machine learning projects in the near future.
ReplyDeleteProjects assist you with improving your applied ML skills rapidly while allowing you to investigate an intriguing point. Furthermore, you can include projects into your portfolio, making it simpler to get a vocation, discover cool profession openings, and Final Year Project Centers in Chennai even arrange a more significant compensation.
Data analytics is the study of dissecting crude data so as to make decisions about that data. Data analytics advances and procedures are generally utilized in business ventures to empower associations to settle on progressively Python Training in Chennai educated business choices. In the present worldwide commercial center, it isn't sufficient to assemble data and do the math; you should realize how to apply that data to genuine situations such that will affect conduct. In the program you will initially gain proficiency with the specialized skills, including R and Python dialects most usually utilized in data analytics programming and usage; Python Training in Chennai at that point center around the commonsense application, in view of genuine business issues in a scope of industry segments, for example, wellbeing, promoting and account.
Great information, nice to read your blog. Keep updating.
ReplyDeletepositive effects of social media
applications of artificial intelligence
ai applications
what is php used for in web design
rpa uipath jobs
salesforce interview questions for experienced
Mua vé máy bay tại Aivivu, tham khảo
ReplyDeletevé máy bay đi Mỹ khứ hồi
vé máy bay từ los về việt nam
mua vé máy bay từ anh về việt nam
bay từ pháp về việt nam mấy tiếng
Fine data, considering the producer. This work is truly significant and fundamental.
ReplyDeleteThanks
Regards
Methu Robin
Also, read a blog by Robin
AI & ML Development Solutions
Okinawa Flat Belly Tonic
ReplyDeleteBioFit Probiotic
buy weed online and save money to buy even more legit online dispensary ship all 50 states thanks you for this article buy weed online in addition, buy weed online legit
ReplyDeleteWe are offering Passport fake ids and driving license that will help you in many situations USA, Europe Asia Canada, and Australia A counterfeit money Real Passports, Visas, Driver's License ,ID CARDS, Marriage certificates, Diplomas, Birth Certificates, Credit cards, Utility bills, Social Security cards . We have over 20 years of experience.High Quality Undetectable counterfeit Banknotes.
ReplyDeleteWhatsApp +17202488130 ( highpills@gmail.com )
WhatsApp +17202488130 ( highpills@gmail.com )
Very useful post.
ReplyDeleteTamil novel writers
Ramanichandran novels PDF
srikala novels PDF
Mallika manivannan novels PDF
muthulakshmi raghavan novels PDF
Infaa Alocious Novels PDF
N Seethalakshmi Novels PDF
Sashi Murali Tamil Novels PDF Download
Jindal Rectifiers is a well-known Manufacturer, Supplier & Exporter of Servo Voltage Stabilizer/Industrial Voltage Regulator, Transformer & Silicon-Power Rectifiers. For More Info, Visit our Website:- https://jindalelectric.in
ReplyDeleteUBIQCOM is a GPON ONU Router Manufacturer and Supplier in India. It offers a range of benefits including higher bandwidth, better download speed, faster uploads, higher transmission efficiency and so much more. UBIQCOM is the best GPON router in India and also provides the best GPON router price.
ReplyDeletepost... thanks For Sharing !!Great information for new guy like
ReplyDeleteHanuman Chalisa Lyrics
Bhagwat Geeta in Hindi PDF
sarvanam
Never miss a stock price change from Gmhi Stock with our Live, Real Time Stock Market Overview! Most of the data is updated every 5 minutes to ensure that you are getting all of the latest Acam Stock change alerts as soon as they happen.
ReplyDeleteThe Where To Buy Ubx Coin is a cryptocurrency with a set price of $1.00. It is the only cryptocurrency that offers the most value for the money, with an equal value of 1000 coins per dollar. Find the best place where to buy Ubx coin today by reading this article!
ReplyDeleteGet the latest Ftoc Stock quotes, news and trends at your fingertips across all of your devices, available 247. Our stock quote system helps financial professionals keep up on the latest data and locate charts to help in their own business.
ReplyDeleteNice information. I’ve bookmarked your site, and I’m adding your RSS feeds to my Google account to get updates instantly. Re Loader Activator Crack
ReplyDelete
ReplyDeleteBuy Cow /Ox Gallstone Available On Stock Now @ (WhatsApp: +237673528224)
DESCRIPTION
-Full substance,
-100% machine flayed
-No ticks, no scratches, no humps
-Size: 32 to 40 sq. ft.
-Average size: 36 sq. ft.
-Weight: 22kgs to 32kg
-Average weight: 25kgs
-Selection: 80% A/B, 20% C/D
-Male 75% / Female 25%
-1 x 40 container = 1700-2000 hides
-Availability: 10 x 40 ft container
- Impurity: No sand, No dust, No mud, No foreign object, no fats and no meat
- Not available: No hair slip problem, No rotten Hides, No fats and meat on the Hides, No
mule
- No Holes, No Cuts, No Reheated,
-Sand: non and clean from any other dust or mud.
All Inquiries Below
Email: infodocuments4@gmail.com
WhatsApp: +237673528224
Cow /Ox Gallstones
Specifications
Cow /Ox Gallstones for sale for (wholestone / brokenstone ratio is 80% / 20% )
We are full time exporters of high quality natural ox gallstone.
Our product obtained from disease free cattle.
We can supply up to 10 Kg. monthly. Shipment prompt by air courier (DHL).
Price depends on the ratio of wholestone / brokenstone.
wholestone / brokenstone ratio is 80% / 20%
wholestone / brokenstone ratio is 70%/30%
wholestone / brokenstone ratio is 60%/40%
Functions:
To clear heat and release toxins.
To eliminate endogenous wind and stop convulsions.
to resolve phlegm and promote resuscitation.If you wish to try out what we
have,then we will be so much so pleased to get your inquiry.
This comment has been removed by the author.
ReplyDeletethank you for sharing this one! glad that i bumped into this which is will definitely going to use to sell our one of House and Lot in the Philippines
ReplyDeleteShort but informative blog! affordable housing
ReplyDeleteGrandstream GWN7664LR is an outdoor 802.11ax 4×4:4 Wi-Fi 6 access point for medium-to-large businesses and enterprises who need to provide long-range coverage in both indoor and outdoor spaces.
ReplyDeleteThis comment has been removed by the author.
ReplyDelete대전콜걸
ReplyDelete대구콜걸
대구콜걸
아산콜걸
아산콜걸
부산콜걸
서산콜걸
대전콜걸
서산콜걸
부산콜걸
ReplyDelete춘천콜걸
칠곡콜걸
태백콜걸
안성콜걸
안성콜걸
태백콜걸
예천콜걸
충남콜걸
화성콜걸
화성콜걸
Hello! Many users can benefit from using our online verb search tool. If you are a student, writer or journalist, you should definitely pay attention to our tool! Our assistant will help you not only find the verbs in the text, but also eliminate all the mistakes you made! >> to be verbs finder
ReplyDeleteHow to avoid passive voice misuse? You have several options. You can send your text for verification to specialized companies that provide this type of service. And the second option is to use a specialized auxiliary tool. This tool uses algorithms to identify errors and point them out.
ReplyDeleteHello! I want to tell you about such a useful tool as passive voice misuse corrector free! It will easily check your text and identify all the sentences where you made mistakes in using the passive voice. Our assistant gives useful hints with which you can improve your text quickly and for free!
ReplyDeletepost... thanks For Sharing !!Great information for new guy like Bhagwat Geeta in Hindi PDF
ReplyDeletepost... thanks For Sharing !!Great information for new guy like anuvad kise kahate hain
ReplyDelete