ng-styleChỉ thị AngularJS
Thí dụ
Thêm một số kiểu với AngularJS, sử dụng một đối tượng có các khóa và giá trị CSS:
<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-style="myObj">Welcome</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>
Định nghĩa và Cách sử dụng
Lệnh ng-stylechỉ định thuộc tính style cho phần tử HTML.
Giá trị của ng-stylethuộc tính phải là một đối tượng hoặc một biểu thức trả về một đối tượng.
Đối tượng bao gồm các thuộc tính và giá trị CSS, trong các cặp giá trị chính.
Cú pháp
<element ng-style="expression"></element>
Được hỗ trợ bởi tất cả các phần tử HTML.
Giá trị tham số
| Value | Description |
|---|---|
| expression | An expression which returns an object where the keys are CSS properties, and the values are CSS values. |