12动态样式和动态样式类的设置(ngStyle/ngClass)

①动态样式的设置

  <any [ngStyle] = "{ color : myColor}" > </any>

②动态样式类的设置

  <any [ngClass] = " {myBlue: isUserLogin}"></any>

  如果要在某一个组件中,想要使用一个样式类文件,可以

  @Component({

    styleUrls:[ ‘./test.css‘ ]

  })

 

原文地址:https://www.cnblogs.com/shanlu0000/p/12207833.html

时间: 2024-11-08 19:53:03

12动态样式和动态样式类的设置(ngStyle/ngClass)的相关文章

伪类常见用法及动态更改内容、样式的方法

伪类after等常用来清除浮动.增加附加内容,利用伪类常会减少div容器的使用,使得我们的页面内容结构清晰. 本文将会简介伪类的常见用法,并以jquery为例详述如何动态更改伪类内容(content)及伪类样式.   一.常见用法 1.1 清除浮动 <div class="my-container"> <div>内容1</div> <div class="sec" data-attr='前之啊是'>内容2</di

“高三”笔记之动态JS、动态样式

拜读<JavaScript高级程序设计> --- 站在巨人的肩上 动态JS.动态样式就是页面加载时不存在,但将来通过DOM操作动态添加的脚本:包括加载外部文件和添加内部代码块两种:动态加载的外部文件能够立即运行,而动态添加的代码块却不能如愿的立即执行:下面将主要以JS为例,小小的探索下动态脚本的加载.执行以及jQuery的做法.Angularjs的相关做法: 1.动态加载外部文件 因为动态加载的外部JS会立即执行,也没什么浏览器兼容性问题,这个好处理:这里的重点是怎么知道脚本已加载完成呢?呵呵

全动态Portlet点击后选中样式

1   背景概述 在配置公司云平台的帮助信息过程中,由于使用的全动态portlet的数据URL获取到的是静态数据,没有办法在后台做选中的逻辑判断,所以需要在前台来控制选中列表的样式,这里将对前台选中列表样式改变的方法进行介绍. 2   预期读者 数通畅联内部员工 IT行业爱好者 3   名词解释 全动态Portlet:数通畅联预置的显示Portlet,显示数据通过模板控制显示的样式 静态数据:通过模板定义模拟显示的数据 4   实现思路 在全动态的显示模板中添加选中的css,为li以及a标签定义

JavaScript高级程序设计之动态脚本及动态样式

1.动态加载脚本(src 原理,异步,支持跨域) var loadScript = function (url, callback) { var script = document.createElement("script"); script.src = url; document.getElementsByTagName("head")[0].appendChild(script); if (script.addEventListener) { // for w

JDK动态代理,动态生成代理类。

1.动态代理涉及到的类 (1) Java.lang.reflect.Proxy类,作用:动态生成代理类和对象 (2) Java.lang.reflect.InvocationHandler(处理器接口) 可以通过invoke方法实现对真实角色的代理访问,每次通过Proxy生成代理类对象时都要指定处理器对象. package com.xvl.proxy; /** * 接口:明星接口 * @author 1 * */ public interface Star { //面谈 void confer(

Java中动态代理技术生成的类与原始类的区别 (转)

用动态代理的时候,对它新生成的类长什么样子感到好奇.有幸通过一些资料消除了心里的疑惑. 平时工作使用的Spring框架里面有一个AOP(面向切面)的机制,只知道它是把类重新生成了一遍,在切面上加上了后来定义的逻辑.这样就达到了动态的在原有类上增加一些功能.比如日志打印,拦截信息等. 这里只关心动态代理技术生成新的类,先不管虚拟机是如何去生成类,用了什么字节码生成技术,怎么产生字节码等这一系列动作.现在只关心最后生成的新类长什么样,它和老类有什么区别.为了获取到生成后的代理类的字节码并且反编译成我

4.4 样式表的3类应用

CSS是3个字母,恰巧CSS的种类也有3种,分别是内嵌样式表.行内(嵌入)样式表和外部样式表文件. 本节单词记忆:标签 1.link 2.import 属性 1.rel 网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的. 一.内嵌样式表 内嵌样式表使用格式如下: <HEAD> <STYLE type="text/css">     样式规则 </STYLE

java动态加载指定的类或者jar包反射调用其方法

序言 有时候,项目中会用到java动态加载指定的类或者jar包反射调用其方法来达到模块的分离,使各个功能之间耦合性大大降低,更加的模块化,代码利用率更高.模式中的代理模式就用到java的这一机制.下边就让我们通过代码来看看如何实现此功能. 代码详细 package loadjarclass; import java.io.File; import java.lang.reflect.Method; import java.net.URL; import java.net.URLClassLoad

深度模拟java动态代理实现机制系类之二

这次我们要实现的是对任意接口,任意的方法进行特定的代理 这里不一样的只有Proxy类,要实现对所有方法进行代理,那么重点就在于获得接口的所有方法 import java.io.File;import java.io.FileWriter;import java.lang.reflect.Constructor;import java.lang.reflect.Method;import java.net.URL;import java.net.URLClassLoader; import jav