অ্যাঙ্গুলারজেএস ng-style
🌈অ্যাঙ্গুলারজেএস ng-style কি?
📋অ্যাঙ্গুলারজেএস ng-style হলো এলিমেন্টে বিভিন্ন স্টাইল তৈরি করার পদ্ধতি।
⚒️অ্যাঙ্গুলারজেএস ng-style এলিমেন্টে বিভিন্ন স্টাইল তৈরি করতে ব্যবহৃত হয়।
অ্যাঙ্গুলারজেএস ng-style এলিমেন্টে বিভিন্ন স্টাইল তৈরি করার উদাহরণ।
angularjs
<!DOCTYPE html>
<html ng-app="app">
<body>
<div ng-controller="app">
<p ng-style="style">প্রোগ্রামিং শিখুন</p>
<button ng-click="change()">পরিবর্তন</button>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
angular.module("app", [])
.controller("app", function($scope) {
$scope.style = {
color: "blue",
fontSize: "24px"
};
$scope.change = function() {
$scope.style.color = "red";
};
});
</script>
</body>
</html>