关于ngClass的使用

原创 2016年05月31日 23:55:56
<!DOCTYPE html>
<html ng-app="">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .border{border: 1px solid #ccc;width: 100px;height: 100px;float: left;}
        </style>
        <script src="../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body ng-controller="con">
        <!--
            第一种方式没有什么代表性,不建议使用;第二种通过一个开关控制样式;第三种通过多个开关控制样式
        -->
        <div class={{classname}}>第一种</div>
        <div ng-class="{true: 'border', false: 'inactive'}[off]">第二种</div>
        <div ng-class={'border':true,'red':false}>第三种</div>
    </body>
    <script type="text/javascript">
        var con = function($scope){
            $scope.classname='border';
            $scope.off = true;
        }
    </script>
</html>

使用python发送qq消息

以前看到网上一些小程序,在处理完事物后会自动发送qq消息,但是一直搞不懂是说明原理。也在网上找过一些python登陆qq发送消息的文字,但是都太复杂了。今天偶然看到一篇文章,是用python调用win...

plsql 使用教程

  • 2017年12月15日 13:47
  • 261KB
  • 下载

尽量不要使用 distinct

大多数情况下,Distinct函数都会导致对最终结果集完成一次排序,因此,这就成为成本最昂贵的排序之一。Distinct一直是SQL语言中成本最高的函数之一。不过,对于DB2V9,优化工具会尽量利用索...

安卓项目框架,可直接使用。

  • 2017年12月13日 16:12
  • 420KB
  • 下载

Cisco Packet Tracer 界面介绍+使用介绍

Cisco Packet Tracer 界面介绍+使用介绍 Packet Tracer 版本 5.3   Routers 路由器(Ctrl+Alt+R) Switches 交换机(C...

定时器的使用

  • 2017年12月13日 09:44
  • 170KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于ngClass的使用
举报原因:
原因补充:

(最多只允许输入30个字)