Angularjs ng-style Instruction
Angularjs instance
Use Angularjs to add styles, use CSS Key=>value object formatting:
<! DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ head>
<body ng-app = "myApp" ng-controller = "myCtrl">
<h1 ng-style = "myObj"> Cookie tutorial </ 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>
</ html>
Definitions and usage
The ng-style directive adds a style attribute to an HTML element.
The Ng-style property value must be an object, and the expression returns an object.
objects are registered by CSS properties and values, that is, key=>value pairs.
Grammar
<element ng-style= "expression" ></element>
This property is supported for all HTML elements.
Parameter values
| value | Description |
|---|---|
| String | An expression returns an object that consists of CSS properties and values. |
The above is the Angularjs ng-style instructions of the data collation, follow-up continue to add, thank you for your support of this site!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
