Change CSS of an element using AngularJS

Sunday, 24 August 2014 | Posted by
AngularJS supports .css() jQuery functionality. Here in below examples we can see how to set style to an element.
Angular2 : If you are looking for Angular2 solution, Please click here

Steps to set style to an elemnt :

  1. Get angular element of html element
  2. Use .css() set  style to that element
var myEl = angular.element( document.querySelector( '#divID' ) );
myEl.css('color','red'));

Set style using ng-style

<html ng-app="" ng-controller="myCtrl">
....
<button ng-click="myStyle={color:'red'}">Set Color</button>
<button ng-click="myStyle={'background-color':'blue'}">Set Background color</button>
<button ng-click="myStyle = {}">Set Background color</button>
<div>Click above buttons</div>
<script>
function myCtrl($scope) {
    $scope.myStyle = {};
}
</script>
Try It Your Self
Labels:

18 comments:

  1. Unknown6 February 2018 at 20:48

    Not Bad

    ReplyDelete
  2. alex7 January 2019 at 01:16

    Exciting online games with us best casinos online come in and win right now.

    ReplyDelete
  3. Belago12 February 2019 at 01:52

    Разные виды товаров есть у нас, но лучшее это светодиодная лента купить Украина можно это сделать у компании Экодио

    ReplyDelete
  4. Plumbing & HVAC Services San Diego3 March 2020 at 08:32

    Big Truck Tow: Heavy Duty towing service san jose

    We're rated the most reliable heavy duty towing san jose service & roadside assistance in San Jose!
    Call us now! We're ready to help you NOW!

    Since 1999, tow truck san jose has provided quality services to clients by providing them
    with the professional care they deserve. We are a professional and affordable Commercial
    Towing Company. BIG TRUCK TOW provides a variety of services, look below for the list of
    services we offer. Get in touch today to learn more about our heavy duty towing


    Click here to Find tow truck near me

    ReplyDelete
  5. Unknown27 October 2020 at 03:11

    The way you write, you are really a professional blogger. https://eezbatteryreconditioning.com/

    ReplyDelete
  6. Unknown27 October 2020 at 22:13


    This is such an awesome asset, to the point that you are giving and you give it away for nothing.our article has piqued a lot of positive interest. https://ileanbellybreakthrough.com/

    ReplyDelete
  7. Unknown3 November 2020 at 01:57

    Outstanding article! I want people to know just how good this information is in your article. Your views are much like my own concerning this subject. I will visit daily your blog because I know. It may be very beneficial for me. the underground fat loss manual reviews

    ReplyDelete
  8. Unknown10 November 2020 at 23:57

    This is such an awesome asset, to the point that you are giving and you give it away for nothing.our article has piqued a lot of positive interest. https://mikeacnenomore.com/

    ReplyDelete
  9. Unknown11 November 2020 at 22:46

    Excellent read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that. fat burning fingerprint diet

    ReplyDelete
  10. Unknown13 November 2020 at 02:35

    Excellent read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that. beta switch reviews

    ReplyDelete
  11. Unknown13 November 2020 at 21:46

    Excellent read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that. https://the28dayketochallenge.com/

    ReplyDelete
  12. Unknown13 November 2020 at 22:40

    Excellent read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that. rick kaselj

    ReplyDelete
  13. Unknown15 November 2020 at 21:26

    Excellent read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that. https://yogaburnmag.com/

    ReplyDelete
  14. Unknown5 March 2021 at 21:27

    There is noticeably a bundle to know about this. I assume you made certain nice points in features also . product reviews website

    ReplyDelete
  15. Cheap Assignment Writers17 July 2021 at 01:20

    I love it here. Keep sharing your good vibes. I love them Are you also searching for Online mathematics help? we are the best solution for you. We are best known for delivering cheap assignments to students without having to break the bank

    ReplyDelete
  16. saniyaa22 February 2022 at 04:00

    Thankful to you for your post, I look for such article along time, today I find it finally. this post give me piles of instigate it is to a marvelous degree relentless for me. vivo V19 (Indonesia) Price

    ReplyDelete
  17. saniyaa18 April 2022 at 10:00

    stunning, great, I was wondering how to cure skin break out ordinarily. likewise, found your site by google, took in an extraordinary arrangement, now i'm fairly clear. I've bookmark your site and moreover incorporate rss. keep us invigorated. Oppo A54 Price In Pakistan

    ReplyDelete
  18. Rise Food Mall5 June 2023 at 12:34

    Always so interesting to visit your site. What a great info, thank you for sharing. this will help me so much in my learning.
    AS Ultima One Noida Extension

    ReplyDelete

Subscribe to: Post Comments (Atom)

Blogroll

Popular Posts