জয়েন লগইন

অ্যাঙ্গুলারজেএস 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>