关于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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

greenDao的简单使用教程

目前对数据库操作的开源库也不少,用的比较多的比如Realm,greenDao。就我目前使用时greenDao写下一些关于自己的看法,其实开源库就是为了更加的方便,便捷。所以操作起来也是比较的容易。

FMOD for C#使用实例

分析内存的使用情况(内存泄露)

转载于:http://blog.csdn.net/guolin_blog/article/details/42238633由于Android是为移动设备开发的操作系统,我们在开发应用程序的时候应当始终...

在MFC中使用Opencv

Markdown的使用(语法基础)

这里笔者介绍Markdown的一些基本的语法,因为CSDN博客配置为Markdown编辑器,平时写博客也用得到。markdown是什么?Markdown是一种简单的标记语言,它可以被编译成 Html ...

在校外使用VPN指南V2.0

内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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