အင်္ဂလိပ်ဂျူးဂျင်နီယာ ng-style အရာဝတ္တု

AngularJS ကြည့်ရှုရန် ကျမ်း

ဒါနှင့် အသုံးပြုပုံ နှင့် အသုံးပြုပုံ

ng-style အင်္ဂလိပ်ပုံစံ အရာဝတ္တု ကို style အချက်အလက်

ng-style အချက်အလက် အသုံးပြုသော အရာဝတ္တု သည် အရာဝတ္တု သို့မဟုတ် အရာဝတ္တု ပြန်လည်သတ်မှတ်သော အစီအစဉ် ဖြစ်သည်。

အကိုးအချုပ် ဖြစ်သော CSS အချက်အလက် နှင့် အသုံးပြုသော အရာဝတ္တု ဖြစ်သည်。

အမှတ်ပေး

CSS ကို အကိုးအချုပ် နှင့် အသုံးပြုသော အရာဝတ္တုကို အင်္ဂလိပ်ဂျူးဂျင်နီယာ အလိုက် ပုံစံများ ထပ်ပေါင်းပါ:

<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 = {
        "color" : "white",
        "background-color" : "coral",
        "font-size" : "60px",
        "padding" : "50px"
    }
});
</script>
</body>

ကျွန်ုပ်ကိုယ်ဖြင့် ဆောင်ရွက်ပါ

ပြုအပ်ခြင်း

<element ng-style="expression</element>

အားလုံး HTML အကိုယ့် အချက်အလက် အပါအဝင်

ပါဝင်သည်

ပါဝင်သည် ဖော်ပြ
expression အစိတ်အစိတ် ပြန်လည်ပေးသည်။ အကိုယ့် အချက်အလက် ဖြင့် အချက်အလက် ဖြင့် ပြန်လည်ပေးသည်။

AngularJS ကြည့်ရှုရန် ကျမ်း