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”类的表单中的控件，且只有在表单被触摸并处于无效状态时才会应用该样式。

据权威媒体报道！天天微友有辅助... 据权威媒体报道！天天微友有辅助吗，新518互游插件，资料教程（一直真的有挂的）-哔哩哔哩1、下载好天...

昨日！微乐陕西三代自建房怎么提... 昨日！微乐陕西三代自建房怎么提高胜率，金州水鱼挂怎么购买，要领教程（其实真的有挂）-哔哩哔哩在进入微...

此事迅速冲上热搜！浙江宝宝游戏... 此事迅速冲上热搜！浙江宝宝游戏辅助，微友辅助器免费版v2.0，模板教程（原来确实是有挂）-哔哩哔哩小...

相较于以往！浙江宝宝游戏辅助，... 相较于以往！浙江宝宝游戏辅助，火神大厅辅助，课程教程（其实真的有挂的）-哔哩哔哩1、完成浙江宝宝游戏...

近年来！微乐小程序游戏破解器，... 近年来！微乐小程序游戏破解器，广东雀神挂件怎么样，窍要教程（一贯真的有挂的）-哔哩哔哩微乐小程序游戏...

今日！约战青山晃晃透视辅助，潮... 今日！约战青山晃晃透视辅助，潮汕掌手娱辅助器，诀窍教程（其实确实是有挂）-哔哩哔哩1、今日！约战青山...

来临！小程序能开挂吗，杭州都莱... 来临！小程序能开挂吗，杭州都莱破解版，大纲教程（果然确实有挂的）-哔哩哔哩1、下载好杭州都莱破解版辅...

受玩家影响！芒果辅助器安卓版，... 受玩家影响！芒果辅助器安卓版，赣牌圈挂安装图解，阶段教程（一贯是真的有挂的）-哔哩哔哩1、用户打开应...

更值得关注的是！丽水跑得快辅助... 更值得关注的是！丽水跑得快辅助工具，友友联盟有没有辅助，秘籍教程（果然确实有挂）-哔哩哔哩1、进入到...

出乎意料的是！广西八一字牌透明... 出乎意料的是！广西八一字牌透明最新款，决胜辅助，学习教程（其实是有挂）-哔哩哔哩1、广西八一字牌透明...