AngularJS ng-style คำสั่ง

คู่มืออ้างอิง AngularJS

การใช้งาน และรายละเอียด

ng-style คำสั่งสำหรับกำหนด style สัญญาณ

ng-style ค่าของสัญญาณต้องเป็นอ็อบเจกต์ หรือ ใบแสดงที่กลับมาเป็นอ็อบเจกต์.

สัญญาณนี้ประกอบด้วย CSS 属性 และค่าในรูปแบบของคู่กัน (key-value pair).

ตัวอย่าง

ใช้สัญญาณที่มี 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 = {
        "color" : "white",
        "background-color" : "coral",
        "font-size" : "60px",
        "padding" : "50px"
    }
});
</script>
</body>

ทดลองด้วยตัวเอง

การใช้งาน

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

ทุกองค์ประกอบ HTML สนับสนุน

ประกาศ

ประกาศ การอธิบาย
expression expression กลับมาเป็นออบเจกที่มีตัวแปรคือ CSS property และค่า CSS

คู่มืออ้างอิง AngularJS