文章/答案/技术大牛

发布

社区首页 >问答首页 >在AngularJS中的$pristine和$dirty之间切换

问在AngularJS中的$pristine和$dirty之间切换
EN

Stack Overflow用户

提问于 2017-06-20 22:00:03

回答 1查看 78关注 0票数 0

我希望通过使用$dirty属性并相应地设置一个标志来检测用户何时在任何表单域中输入值。不足为奇的是，这是可行的：

$scope.$watch('formDetails.$dirty', function() {
  USR.userInputRecorded = true;
});

但我也想检测用户何时/是否清空了所有字段，并有效地将表单恢复为原始的空状态。下面的代码片段不起作用，我不确定原因。当表单变回“不脏”的时候，有什么方法可以观察吗？

$scope.$watch('formDetails.$pristine', function() {
  USR.userInputRecorded = false;
});

谢谢。

angularjs

回答 1

Stack Overflow用户

发布于 2017-06-20 22:15:18

试试这个：

$scope.$watch('formDetails.$dirty', function(value) {
  if (value === '') {
    // field has been emptied;
    your.form.$setPristine(true);
  } else {
    USR.userInputRecorded = true;
  }
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44663706

复制

通过休眠在 Linux 和 windows 之间无缝切换

linux windows

Linux 电脑挂了一个 Windows 虚拟机，但是有些东西还得是真机才管用，比如 Windows 大型独占软件，或者备份国内某空间占用贼大但只要你一找文件它就告诉你文件已过期的社交软件的聊天记录。备份可以在虚拟机中完成，但是只能是电脑连接手机热点，速度太慢了咱没那时间。

网名重要么

2023/06/07

2.9K0

AngularJS 输入验证

编程算法 angularjs

我们使用了 ng-show指令， color:red 在邮件的 $dirty 或 $invalid 都为 true 时才显示。

陈不成i

2021/07/23

1.3K0

AngularJS ng-model 指令

angularjs html css

ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。

陈不成i

2021/07/23

1.1K0

Dirty cards和PLAB

jvm allocation buffer space 垃圾回收

分代垃圾回收器在进行minor GC的时候会发生什么操作呢？有没有什么提高效率的手段呢？

程序那些事

2020/07/14

7390

在Activity切换之间实现Transition动画

https 网络安全 github android git

在Android 5.0执行，如果需要在Activity切换之间实现动画，需要实现 overridePendingTransition()方法，并实现入场动画和退场动画。而在5.0之后，出现了一些Material Design的转场动画，先看下demo样子。

用户1108631

2019/08/17

1.9K0

在布局切换之间实现Transition动画

xml go https android 网络安全

同一个Activity之间，布局切换是可以有动画效果的，下面是仿照API Demo中的一个例子，如下图：

用户1108631

2019/08/17

1.6K0

Angularjs基础(七)

angularjs

AngularJS表单　　　　AngularJS表单时输入控件的集合 HTML控件　　　　一下HTML input 元素被称为HTML 控件：　　　　　　　　input 元素　　　　　　　　select元素　　　　　　　　button元素　　　　　　　　textarea元素 HTML 表单　　　　AngularjS表单上实例　　　　　　<div ng-app="myApp" ng-controller="formCtrl"> 　　　　　　　　　<from nova

用户1197315

2018/01/19

2.1K0

AngularJS系列(一)——常用指令

html css angularjs 编程算法

逝兮诚

2019/10/30

1.1K0

angularjs学习第四天笔记（第一篇：简单的表单验证）

angularjs

您好，我是一名后端开发工程师，由于工作需要，现在系统的从0开始学习前端js框架之angular，每天把学习的一些心得分享出来，如果有什么说的不对的地方，请多多指正，多多包涵我这个前端菜鸟，欢迎大家的点评与赐教。谢谢！

小小许

2018/08/30

1.7K0

AngularJS简介

html html5 angularjs javascript

AngularJS是一个JavaScript矿建，他是一个JavaSscript编写的库。可以通过<script>标签添加到HTML页面。

全栈程序员站长

2022/09/16

5.1K0

angularjs 表单验证

angularjs css

一、常用的表单验证指令 1. 必填项验证某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可： <input type="text" required /> 2. 最小长度验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng= "{number}"： <input type="text" ng-minlength="5" /> 3. 最大长度验证表单输入的文本长度是否小于或等于某个最大值，在输入字段上使用指令ng-maxlength=

柴小智

2018/04/10

6.7K0

angularjs学习第四天笔记（第一篇：简单的表单验证）

其他

小小许

2018/09/20

1.3K0

Angularjs基础(三)

angularjs

　　　　AngularJS ng-model 指令　　　　ng-model 指令用于绑定应用程序数据到HTML 控制器（input,select,textarea）的值 ng-model指令　　　　ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。　　　　　　实例：　　　　　　　　<div ng-app="myApp" ng-controller="myCtrl"> 　　　　　　　　　　　　名字：<input ng-model="name"> 　

用户1197315

2018/01/19

3.1K0

angularjs输入验证[通俗易懂]

angularjs

原文 http://www.cnblogs.com/woshinidezhu/p/Form-validation-with-AngularJS.html

全栈程序员站长

2022/09/15

1.3K0

Angularjs的表单验证

其他

在AngularJS中，有许多用于验证的指令。我们将先学习几个最流行的内置指令，然后再创建一个自定义验证规则的指令。

星回

2018/08/02

2.2K0

AngularJS 中的 factory、 service 和 provider

angularjs http html 编程算法

初学 AngularJS 时，肯定会对其提供 factory 、 service 和 provider 感到疑惑，这三种都是提供服务的方式，他们到底有什么区别呢？

beginor

2020/08/06

8080

在AngularJS应用中实现认证授权

angularjs ajax 安全 api

在AngularJS应用中实现认证授权在每一个严肃的应用中，认证和授权都是非常重要的一个部分。单页应用也不例外。应用并不会将所有的数据和功能都暴露给所有的用户。用户需要通过认证和授权来查看应用的某个特定部分，或者在应用中进行特定的行为。为了在应用中对用户进行识别，我们需要让用户进行登录。在用户管理方面，传统的服务器端应用和单页应用的实现方式有所不同，单页应用能够和服务器通信的方式只有AJAX。对于登录和退出来说也是如此。负责识别用户的服务器端需要暴露出一个认证断电。单页应用将会把用户输入的信息发

庞小明

2018/03/07

2.1K0

AngularJS应用页面切换优化方案

angularjs

葡萄城的一款尚在研发中的产品，对外名称暂定为X项目。其中使用了已经上市的Wijmo中SpreadJS产品，另外，在研发过程中整理了一些研发总结分享给大家。如本篇的在页面切换的过程中优化方案，欢迎大家跟帖交流。前言 AngularJS被用来开发单页面应用程序（SPA），利用AJAX调用配合页面的局部刷新，可以减少页面跳转，从而获得更好的用户体验。Angular的ngView及其对应的强大路由机制，是实现SPA应用的核心模块。本文所说的页面切换指的就是这个路由机制，即根据不同的URL展示不同的视图。有一种非

葡萄城控件

2018/01/10

2K0

AngularJS在自动化测试中的应用

腾讯云测试服务 angularjs 编程算法网络安全

1、AngularJS是一组用来开发web页面的框架、模板以及数据绑定和丰富UI的组件；

宜信技术学院

2019/06/28

2K0

7-进军 angular1.x 表单和事件、模块

angularjs javascript

通常 AngularJS 应用程序将模块和控制器包含在 JavaScript 文件中。

西南_张家辉

2021/02/02

2.4K0

相似问题

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问在AngularJS中的$pristine和$dirty之间切换
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在AngularJS中的$pristine和$dirty之间切换EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在AngularJS中的$pristine和$dirty之间切换
EN