AngularJS教程 ng-style 指令简单示例

(编辑：jimmy 日期: 2025/7/6 浏览：3 次 )

AngularJS ng-style 指令

AngularJS 实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">

定义和用法


ng-style 指令为 HTML 元素添加 style 属性。


ng-style 属性值必须是对象，表达式返回的也是对象。


对象由 CSS 属性和值注册，即 key=>value 对。


语法


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


所有的 HTML 元素都支持该属性。


参数值


  
    
      值
      描述
    
    
      string
      表达式返回由 CSS 属性和值组成的对象。
    
  


以上就是对AngularJS ng-style 指令的资料整理，后续继续补充，谢谢大家对本站的支持！

上一篇：一个简单的JavaScript Map实例(分享)
下一篇：js判断数组key是否存在(不用循环)的简单实例