Angular 6防止[隐藏]在页面加载时闪烁

大卫·萨冈

我试图有条件地隐藏带有[hidden]属性的表单验证项它可以工作,但是即使我添加model.pristine到表单,它也会在页面加载时闪烁

<div class="alert alert-danger" [hidden]="model.valid || model.pristine">
   The model is required.
</div>
卡比5

尝试使用*ngIf结构化指令而不是使用[hidden]属性。

<div class="alert alert-danger" *ngIf="!(model.valid || model.pristine)">
  The model is required.
</div>

您可以在此处此处阅读有关*ngIfvs.的更多信息[hidden]

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular 6:无法在页面加载时加载子路由

重新加载页面时,从 Angular 6 中的 url 中删除 # 后页面不会加载。

用赛普拉斯测试Angular时如何防止整个页面重新加载?

页面加载时将对象隐藏在屏幕之外

组件加载ngFor时Angular2 +整个DOM闪烁

当自动完成隐藏在滚动区域中时,Angular Material自动完成面板不会隐藏

AngularJS:加载时如何防止页面中出现“代码闪烁”

防止由于JavaScript内容注入而导致页面在加载时闪烁

Angular更改页面时如何加载进度?

页面加载时显示Angular 4验证

Angular:在页面加载时禁用动画

Bootstrap 3崩溃-页面加载时隐藏内容的闪烁

Angular 6重定向到主页时,页面重定向但未加载

验证消息隐藏在angular js中

Angular 6:页面离开时的简单确认

在Firebase上重新加载Angular页面时找不到页面

防止Angular $ httpProvider拦截器在模板加载时触发

Angular:(ngFor)删除项目时如何防止重新加载?

防止在页面上可见的 Chrome 扩展程序的每个页面加载时闪烁?

直接在Angular 6中加载页面

Angular 6-如何重新加载当前页面?

页面加载时 Angular 10 中的控制台错误

在Angular 7中,重新加载页面时出现404错误

Angular.js:设置页面加载时的元素高度

在初始视图/页面加载时禁用动画:Angular

Angular / SVG-捕获页面加载时的元素宽度

在Angular 2中重新加载页面时保留数据

使用 Angular 7 导航时页面未正确加载

Angular MatTabChangeEvent不会在页面加载时触发