AngularJS ng-style 指令

دليل مرجعي لـ AngularJS

AngularJS 示例

使用AngularJS添加样式，使用 CSS key=>value 对象格式:

<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>
</html>

التعريف والاستخدام

ng-style تعليمات لتحديد خصائص style لعنصر HTML.

ng-style يجب أن تكون القيمة عملاً من نوع object، ويُرجع التعبير أيضًا عملاً من نوع object.

يتكون العنصر من خصائص CSS و القيم، أي key=>value.

القواعد النحوية

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

جميع عناصر HTML يدعم هذه الخاصية.

قيمة المعامل

دليل مرجعي لـ AngularJS