Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >基于角材料步进定向应用不同的CSS

基于角材料步进定向应用不同的CSS
EN

Stack Overflow用户
提问于 2022-07-25 07:51:02
回答 1查看 86关注 0票数 0

我有一个角度材料步进,可以显示垂直或水平的基础上的用户输入。有没有一种方法可以根据方向将不同的CSS样式应用于步骤?

例如,当垂直时,将红色背景应用于步骤的内容,而当水平时,将红色背景应用于蓝色背景。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-25 08:11:18

只需根据用于在垂直/水平上显示步进的相同条件添加ngClass或ngStyle即可。

如果您当前的代码类似于

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<mat-stepper orientation="verticalStepper ? 'vertical' : 'horizontal'">...</mat-stepper>

添加ngClass属性绑定

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<mat-stepper orientation="verticalStepper ? 'vertical' : 'horizontal'" [ngClass]="{ 'vertical-stepper': verticalStepper, 'horizontal-stepper': !verticalStepper }">...</mat-stepper>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73112053

复制
相关文章
AWS Lambda 快速入门
但以上的几个方法都需要关注服务器的存储和计算资源,以便随时调整以满足更高的性能,并且高并发的请求也是分时段的,配置了更高性能的服务器在访问量变低的时候也是资源浪费。
goodspeed
2020/12/22
2.7K0
AWS Lambda  快速入门
AWS lambda and dynamodb with Java
使用aws lambda已经一年多了,下面使用java构建一个简单的lambda服务,大家可以自己扩展想要的功能,废话不多说,开始吧。
wblearn
2020/09/16
1K0
如何利用AWS的Lambda服务逗女朋友开心
我们正处在一个前所未有的时代。新冠疫情席卷全球,我们唯一能做的就是把自己锁在屋里。
人工智能小咖
2020/05/09
1.3K0
如何利用AWS的Lambda服务逗女朋友开心
从aws lambda谈serverless
一、基于aws lambda构建监控告警的思考二、什么是serverless?三、serverless解决了什么问题四、常见serverless应用场景五、为什么serverless淡出视野?六、参考
叔牙
2023/06/21
3730
从aws lambda谈serverless
lambda与函数式
前面两篇文章介绍了什么是响应式编程?和响应式流的特性,一味讲概念终是枯燥,还是上手敲一敲代码实在感受一下响应式编程的“手感”吧。
Java3y
2019/10/23
5280
基于亚马逊AWS-如何快速搭建Lambda架构
在Amazon Web Services (AWS)中,Lambda是最流行的服务之一。要定义它,Lambda是一个无服务器的计算软件,它自动将您作为函数上传的任何代码上载到它。使用AWS Lambda,开发人员无需编写太多代码、启动服务器、配置服务器或为它们的运行支付费用。Lambda让节省成本和资源完成任务工作成为可能。它还允许用户编写简单的函数,然后将这些函数连接到一个请求或一个事件,在此之后,每当请求/事件发生时,Lambda都会执行该函数。此外,用户只有在代码运行时才会实行收费。
35岁程序员那些事
2020/02/24
1.6K0
lambda与函数式
1.3 Hello,reactive world 前面两篇文章介绍了响应式编程和响应式流的特性,一味讲概念终是枯燥,还是上手敲一敲代码实在感受一下响应式编程的“手感”吧。 (3)lambda与函数式——响应式Spring的道法术器 这一节,我们先了解一下lambda与函数式(已经了解的朋友可以直接跳到1.3.2),熟悉一下如何使用Reactor进行响应式编程,然后使用Spring Boot2,基于Spring 5的Webflux和Reactive Spring Data逐步开发一个“Hello world”
IT架构圈
2018/06/01
5090
【Python】函数进阶 ④ ( Lambda 匿名函数 | 具名函数与匿名函数 | Lambda 函数定义语法 )
在 Python 中 , 使用 def 关键字定义的函数 是 " 具名函数 " , 也就是有名字的函数 ;
韩曙亮
2023/10/11
3420
【Python】函数进阶 ④ ( Lambda 匿名函数 | 具名函数与匿名函数 | Lambda 函数定义语法 )
手把手带你玩转 AWS Lambda
微服务架构有别于传统的单体式应用方案,我们可将单体应用拆分成多个核心功能。每个功能都被称为一项服务,可以单独构建和部署,这意味着各项服务在工作时不会互相影响
程序猿DD
2020/10/27
2.3K0
手把手带你玩转 AWS Lambda
Serverless|Framework——图文玩转 AWS Lambda
| 好看请赞,养成习惯 你有一个思想,我有一个思想,我们交换后,一个人就有两个思想 If you can NOT explain it simply, you do NOT understand i
用户4172423
2020/10/23
2.5K0
Serverless|Framework——图文玩转 AWS Lambda
aws lambda python 上传s3
代码编写 Code writing 编写lambda函数 Write lambda functions 主要功能是查询数据库,在本地生成test.csv,而后上传至s3://test-bucket-dev桶,bthlt目录下. test.csv is generated locally and uploaded to s3://test-bucket-dev bucket,bthlt path. import pymysql import logging import boto3 from botocore
葫芦
2021/12/20
2.2K1
aws lambda python 上传s3
lambda函数
lambda函数就是我们常说的匿名函数,就是不用定义函数名,lambda更像是一个表达式,限制了程序的嵌套,是一个为编写简单的函数而设计的。
dogfei
2020/07/31
9400
python的lambda函数
在Python中,lambda函数是一种匿名函数,也被称为"小型"或"即时"函数。与常规的函数不同,lambda函数没有名称,并且通常用于单行代码的简单功能。它们的语法如下:
叶茂林
2023/07/30
2540
【数字信号处理】相关函数 ( 相关系数与相关函数 | 相关函数定义 )
个信号的 相关性 , 如果两个信号之间时刻不同 , " 相关系数 " 就会变为
韩曙亮
2023/03/30
6670
详细讲解:python中的lambda与sorted函数
python中的lambda函数可以接受任意数量的参数,但只能有一个表达式。也就是说,lambda表达式适用于表示内部仅包含1行表达式的函数。那么lambda表达式的优势就很明显了:
计算机与AI
2020/12/14
2.9K0
详细讲解:python中的lambda与sorted函数
AWS Lambda 将废弃 Go 运行时
AWS Lambda 宣布将废弃 go1.x 运行时,仅在 Amazon Linux 2 运行时中支持 Go。该项声明以及年底前需要迁移至定制的 provided.al2 运行时引起了 Go 社区的关注。
深度学习与Python
2023/09/19
1770
AWS Lambda 将废弃 Go 运行时
如何使用Python的lambda、map和filter函数
Python lambda函数,又称匿名函数,与我们使用def…语句创建的函数不同,可以命名函数,lambda函数不需要名称。当需要一个快速且不需要经常重复使用的(通常是一个小的)函数时,它非常有用。单独使用Lambda函数可能没有太多意义。lambda函数的价值在于它在哪里与另一个函数(例如map()或filter())一起使用。
fanjy
2022/06/04
2.1K0
如何使用Python的lambda、map和filter函数
Python下小米加步枪lambda和相关函数使用
lambda定义匿名函数,并不会带来程序运行效率的提高,只会使代码更简洁, 为了减少单行函数的定义而存在的。
后场技术
2020/09/03
5980
Python下小米加步枪lambda和相关函数使用
python: lambda函数
总结 lambda函数 是 def函数 的 精简版 。 使用 def函数 def f(x): return x % 2 != 0 list = [2, 3, 4] assert map(f, list) == [False, True, False] 使用 lambda函数 f = lambda x : x % 2 != 0 list = [2, 3, 4] assert map(f, list) == [False, True, False] ---- ----
JNingWei
2018/09/28
4740
lambda表达式与函数式编程
lambda表达式是java支持函数式编程的实现方案,很多高级语言已经支持lambda表达式,像python、javascript等。lambda表达式使代码更加简洁,而且在理解了语法之后,可读性也更加好。
搬砖俱乐部
2019/09/25
5920

相似问题

角材料步进产生

10

如何用CSS定位有角的材料步进填充器?

10

消除角材料步进器的导航

14

步进角材料定制配置

16

如何使角材料步进器的CSS发生变化?

112
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文