ng-class使用自定义方法

拼搏现实的明天。 2023-03-06 05:22 7阅读 0赞

ng-class，因为判断的条件，维度多，难以用常见的几种用法实现，可以定义一个方法实现

> ng-class=“setMyClass(t)” ,js里面判断完 返回样式就可以；

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
            <style type="text/css">
                .red{  
                    width: 400px;  
                    height: 80px;
                    background: red;  
                } 
                .green{  
                    width: 400px; 
                    height: 80px;
                    background: green; 
                }
                .wt-none{
    				display:none;
    			}
        </head>
        <body ng-app="myApp">
            <div ng-controller="testCtr">
                
                <div ng-class=“setMyClass(t)>寂寞来了怎么办</div>
            </div>
        </body>
        <script type="text/javascript">
            var app = angular.module('myApp',[]);
            app.controller('testCtr',function($scope){
    			$scope.testState = 1;
    
               $scope.setMyClass = function(t){//参数根据需求看是否需要
    				if(t.success){
    					return ''green"
    				}else if(t.false && $scope.testState == 1){
    					return ''red"
    				}else{
    					return "wt-none"
    				}	
    			}
              	
           })
        </script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关自定义类型赋值，自定义数组使用

自定义类型赋值就是创建对象，将地址值赋值给变量例如，自定义一个Employee，有一个变量 Employee employee，要给employee赋值就 new Emp

青旅半醒/ 2024年03月27日 16:48/ 0 赞/ 91 阅读

相关关于mybatis-plus写自定义方法（自定义sql）

关于mybatis-plus写自定义方法（自定义sql）简介：本文讲解，在mybatis-plus中如果不存在某个方法，如何通过自定义的方式，自己写一个。讲解

Dear 丶/ 2024年03月16日 14:29/ 0 赞/ 77 阅读

相关 ng-class使用自定义方法

ng-class，因为判断的条件，维度多，难以用常见的几种用法实现，可以定义一个方法实现 > ng-class=“setMyClass(t)” ,js里面判断完返回样式就可

拼搏现实的明天。/ 2023年03月06日 05:22/ 0 赞/ 8 阅读

相关 EasyAdmin 控制器自定义方法，自定义模板头部

在对应的方法内加入下面一句： $this->layout && $this->app->view->engine()->layout(false); 完整代码类似

电玩女神/ 2022年12月13日 14:23/ 0 赞/ 433 阅读

相关 jquery.validationEngine 自定义验证的使用方法

一：自定义验证规则 (1) 方法1 ，定义验证规则 $.validationEngineLanguage.allRules.name = {

秒速五厘米/ 2022年06月17日 10:50/ 0 赞/ 391 阅读

相关 Angular4中[ngClass]、[ngStyle]的基本使用

原文出处：[https://blog.csdn.net/u013589443/article/details/72866603][https_blog.csdn.net_u01

﹏ヽ暗。殇╰゛Y/ 2022年05月14日 01:36/ 0 赞/ 188 阅读

相关 @interface自定义注解的使用方法

> 转载请标明出处： > 原文首发于： [http://www.zhangruibin.com][http_www.zhangruibin.com] > 本文出自 [R

「爱情、让人受尽委屈。」/ 2022年05月08日 10:46/ 0 赞/ 887 阅读

相关 JSTL自定义lastIndexOf方法

JSTL的fn标签中只有indexOf()方法，然而有时我们需要用到lastIndexOf()，比如取文件后缀时。自定义标签方法其实可以参考JSTL自带的fn标签方法是如何

你的名字/ 2022年04月03日 03:10/ 0 赞/ 264 阅读

相关 echarts，toolbox自定义方法，toolbox部分自定义方法

toolbox自定义方法， toolbox: { show: true,

蔚落/ 2022年03月21日 03:07/ 0 赞/ 604 阅读

相关 JS自定义方法调用

![1229522-20180116163543974-1543378479.png][] 转载于:https://www.cnblogs.com/zhang1997/p/8

末蓝、/ 2021年09月29日 09:58/ 0 赞/ 427 阅读