Chỉ thị ng-style
Ví 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>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-style
chỉ định thuộc tính style cho phần tử HTML.
Giá trị của thuộc tính ng-style
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, theo cặp giá trị khóa.
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. |