Change CSS of an element using AngularJS

Sunday, 24 August 2014 | Posted by Unknown

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 :

Get angular element of html element
Use .css() set style to that element

var myEl = angular.element( document.querySelector( '#divID' ) );
myEl.css('color','red'));

Try It Your Self

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:AngularJS

4 comments:

Laxman Pai6 February 2018 at 20:48
Not Bad
ReplyDelete
Replies
alex7 January 2019 at 01:16
Exciting online games with us best casinos online come in and win right now.
ReplyDelete
Replies
Belago12 February 2019 at 01:52
Разные виды товаров есть у нас, но лучшее это светодиодная лента купить Украина можно это сделать у компании Экодио
ReplyDelete
Replies
Yakru455 August 2019 at 21:05
This is really an amazing and thank you so much for sharing

คาสิโนออนไลน์ที่น่าเชื่อถือและมีความเป็นมืออาชีพที่สุดในตอนนี้
โปรโมชั่นGclub ของทางทีมงานตอนนี้แจกฟรีโบนัส 50%
เพียงแค่คุณสมัคร สล็อตออนไลน์ กับทางทีมงานของเราเพียงเท่านั้น
ร่วมมาเป็นส่วนหนึ่งกับเว็บไซต์คาสิโนออนไลน์ของเราได้เลยค่ะ
สมัครสล็อตออนไลน์ >>> Goldenslot
สนใจร่วมสนุกกับ คาสิโนออนไลน์ คลิ๊กได้เลย
มีทั้งคาสิโนออนไลน์ หวยออนไลน์ ฟุตบอลออนไลน์ สล็อตออนไลน์ และอื่นๆอีกมากมาย
ReplyDelete
Replies