zoukankan      html  css  js  c++  java
  • 关于ng-class,ng-style的用法

    ng-class的使用几种方式

    (1):利用双向数据绑定(className根据chang2的值去匹配类)

      <div class="{{className}}">............</div>

      $scope.className="change2";

    (2):通过字符串数组的形式

     <div ng-class="{true:'RED',false:'GREEN'}[className]"></div>

     $scope.className=true/false;

    当className=true的时候,ng-class=RED,  or GREEN

    (3):通过键值对的形式

     <div ng-class="{'A':select1,'B':select2,'C':select3}"></div>

     $scope.select3=true;此时的ng-class=C;

    ng-style的使用几种方式

     1)表达式

    ng-style="{'font-size':languageType =='en-us'?'12px':'23px'}"
    2)绑定对象
     //开户类型下拉框样式
     $scope.selectDefaultStyle = {
     "color": "#38270B!important",
     "border": "1px solid #e0e0e0",
     "background": "rgba(224,224,224,.1)",
     "border-radius": "2px",
     "outline": "none",
     "height": "30px",
     "font-size": "14px",
     "padding-left": "5px",
     "width": "120px",
     "margin-right": "10px",
     
     };
    <select id="type" ng-model="baseInfo.open_type" ng-options="item.id as item.name for item in openTypeArr" ng-show="isBaseInfoEdit" 
       ng-style="selectDefaultStyle">
    </select>
  • 相关阅读:
    chkconfig命令
    Office 2010 与搜狗输入法兼容问题
    【转】WAS入门简介
    UTF8GB2312GBK
    System.getProperty
    Hibernate 事务方法保存clob类型数据
    Eclipse 或者 Myeclipse 提示选择工作空间设置
    request
    那些操蛋的人生
    Java新手入门很重要的几个基本概念
  • 原文地址:https://www.cnblogs.com/evaling/p/6644249.html
Copyright © 2011-2022 走看看