Angular响应式表单需要触摸和无效CSS样式。
创始人
2024-10-30 07:30:33
0次

在表单追踪中添加一个条件,以缩小样式的范围。

在组件CSS样式文件中创建以下样式:

.form-control.ng-touched.ng-invalid {
  border-color: red;
}

这会在表单控件被触摸并处于无效状态时,将其边框颜色更改为红色。然而,这样会影响到所有表单控件。

为了仅影响当前表单,您可以将样式应用于该表单的上级元素,如下所示:

.my-form .form-control.ng-touched.ng-invalid {
  border-color: red;
}

这将仅影响具有“my-form”类的表单中的控件,且只有在表单被触摸并处于无效状态时才会应用该样式。

相关内容

热门资讯

重大来袭!wpk私人局有透视吗... 很多人使用云端 AI 时,都担心wpk私人局有透视吗、内部资料上传带来隐私风险。这款本地运行的 AI...
我来分享!wpk真的有透视嘛,... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
必赢方法!wpk辅助是什么,微... wpk辅助是什么AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包,...
实测必看!wepoker私人局... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
一分钟带你了解!wepoker... 一分钟带你了解!wepoker开脚本视频,德扑之星开挂透视教程神器(从来真的有透视挂)主打本地运行的...
推荐攻略!微扑克辅助下载,德普... 推荐攻略!微扑克辅助下载,德普之星确实有挂安装(最初存在有辅助器)AI 是一款可以让一直输的玩家修复...
热门推荐!we-poker辅助... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
一分钟带你了解!WPK脚本,w... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
揭秘攻略!wpk软件是正规的吗... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
今日重大通报!wepoker透... 今日重大通报!wepoker透视脚本安卓,微扑克透视软件工具(往昔真的是有开挂)AI 是一款可以让一...