AngularJS ng-style ਇੰਡਰੈਕਟਿਵ

انگولار جی ایس مراجع دستورات

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

ng-style ਇੰਡਰੈਕਟਿਵ ਵਿੱਚ HTML ਐਲੀਮੈਂਟ ਦੇ style ਲੱਛਣ

ng-style ਲੱਛਣ ਦਾ ਮੁੱਲ ਆਬਜੈਕਟ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਫਿਰ ਆਬਜੈਕਟ ਲੈਣ ਵਾਲੀ ਐਕਸਪ੍ਰੈਸ਼ਨ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ。

ਇਹ ਆਬਜੈਕਟ ਕੀ-ਮੁੱਲ ਰੂਪ ਦੇ CSS ਲੱਛਣ ਅਤੇ ਮੁੱਲ ਨਾਲ ਬਣਿਆ ਹੋਵੇਗਾ。

ਉਦਾਹਰਣ

ਸਾਈਟ ਲਈ ਕੁਝ ਸਟਾਈਲਾਂ ਜੋੜਨ ਲਈ CSS ਕੀ ਅਤੇ ਮੁੱਲ ਦੇ ਆਪਸੀ ਰੂਪ ਦੇ ਆਬਜੈਕਟ ਦਾ ਉਪਯੋਗ ਕਰਕੇ AngularJS ਵਿੱਚ ਕਰਨਾ:

<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-style="myObj">ਸਵਾਗਤ</h1>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myObj = {
        "رنگ" : "سفید",
        "بگائیڈ کالر" : "کورل",
        "فون سائز" : "60پایکس",
        "پیدنگ" : "50پایکس"
    }
});
</script>
</body>

عیناً کوشش کریں

قواعد

<عنصر ng-style="ایکسپریشن</عنصر>

تمام ایچ تی ایم ایل عناصر اس کا استعمال کرسکتا ہیں۔

پارامتر

پارامتر وصف
ایکسپریشن ایکسپریشن، ایک اشیاء کو بازگردا دیتا ہے، جس میں کلید سی ایس ایس اپنے مرتبطات کا، اور کلید کا سی ایس ایس کا اقدار ہوتا ہے۔

انگولار جی ایس مراجع دستورات