Angular [(ngModel)]的ng-dirty设置时机

简介: Angular [(ngModel)]的ng-dirty设置时机

image.png

没有输入任何数据时,class为:ng-untouched ng-pristine ng-valid


输入数据后,class变为:ng-valid ng-dirty ng-touched


这些class是什么时候设置的呢?在Chrome开发者工具里选中input element,激活Break On->Attribute modifications, 然后输入值,断点即可触发:


image.png

image.png

相关文章
|
2月前
|
SEO 搜索推荐 数据采集
让 JSF 应用秒变搜索引擎宠儿!揭秘 SEO 优化的神奇魔法,让你的网站脱颖而出!
【8月更文挑战第31天】随着互联网的发展,搜索引擎已成为用户获取信息的主要途径,SEO 对 Web 应用至关重要。本文介绍如何提升 JavaServer Faces(JSF)应用的 SEO 友好性,包括关键词优化、网页结构优化和外部链接建设等基础知识,并提出了使用语义化 HTML 标签、优化页面标题和描述、生成静态 HTML 页面及 URL 重写等具体策略,帮助您的网站在搜索引擎中获得更高排名。
27 0
|
2月前
|
前端开发 JavaScript 开发者
Angular与Webpack协同优化:打造生产级别的打包配置——详解从基础设置到高级代码拆分和插件使用
【8月更文挑战第31天】在现代前端开发中,优化应用性能和加载时间至关重要,尤其是对于使用Angular框架的项目。本文通过代码示例详细展示了如何配置Webpack,以实现生产级别的打包优化。从基础配置到生产环境设置、代码拆分,再到使用加载器与插件,每个步骤都旨在提升应用效率,确保快速加载和稳定运行。通过这些配置,开发者能更好地控制资源打包,充分发挥Webpack的强大功能。
38 0
|
5月前
|
JavaScript
解决vue项目build之后部署到服务器访问的时候出现报错:Uncaught SyntaxError: Unexpected token ‘<‘ chunk-vendors:XXXXXX
解决vue项目build之后部署到服务器访问的时候出现报错:Uncaught SyntaxError: Unexpected token ‘<‘ chunk-vendors:XXXXXX
解决vue项目build之后部署到服务器访问的时候出现报错:Uncaught SyntaxError: Unexpected token ‘<‘ chunk-vendors:XXXXXX
|
5月前
设置Open in Terminal快捷键Alt+Shift+Z,方便angular项目的各种命令输入(多任务状态下)
设置Open in Terminal快捷键Alt+Shift+Z,方便angular项目的各种命令输入(多任务状态下)
|
5月前
|
JavaScript 前端开发
设置Angular路径别名用于ts、js、scss、less
设置Angular路径别名用于ts、js、scss、less
|
12月前
|
自然语言处理 区块链
关于 Angular 应用的多语言设置问题
关于 Angular 应用的多语言设置问题
给 Angular 服务器端渲染应用设置一个渲染超时时间
给 Angular 服务器端渲染应用设置一个渲染超时时间
|
API
给 Angular 服务器端渲染应用设置一个渲染超时时间
给 Angular 服务器端渲染应用设置一个渲染超时时间
145 0
给 Angular 服务器端渲染应用设置一个渲染超时时间
|
前端开发 JavaScript 编译器
Angular最新教程-第七节HTTP get post 设置头部 跨域访问
Angular最新教程-第七节HTTP get post 设置头部 跨域访问
475 0
Angular最新教程-第七节HTTP get post 设置头部 跨域访问
Angular 项目里和 sourceMap 相关的设置
Angular 项目里和 sourceMap 相关的设置
365 0
Angular 项目里和 sourceMap 相关的设置
下一篇
无影云桌面