angularjs 数据绑定 w 侦听器
angularjs data binding w listener
我正在尝试验证电子邮件字段,方法是对照
确保用户输入的电子邮件有效
/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
在标准 JS 中,我会使用事件侦听器来了解用户何时触发了 keyup
,但在 Angular 中,我怀疑有不同的方法可以通过 "two-way data binding" 来侦听数据.我如何通过 angular 控制器 js 完成同样的任务?
查看输入[email],angular的验证:
https://docs.angularjs.org/api/ng/input/input%5Bemail%5D
有一个 ngChange 选项。
有一种东西叫做$watch,或者watchers。您可以 "listen" 更改模型
scope.$watch('name', function(newValue, oldValue) {
scope.counter = scope.counter + 1;
});
所以在这个例子中,只要模型 "name" 发生变化,计数器就会加一。你看到传递的其他参数,oldVal 和 newVal,你可以相互交叉引用这些参数,如果有新值,你可以设置逻辑来执行它,但这是你自己的决定。只需将您的正则表达式检查放入此函数中,并将字段的模型从名称更改为您的名称即可。 *确保它在正确的控制器中^_^。
我正在尝试验证电子邮件字段,方法是对照
确保用户输入的电子邮件有效/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
在标准 JS 中,我会使用事件侦听器来了解用户何时触发了 keyup
,但在 Angular 中,我怀疑有不同的方法可以通过 "two-way data binding" 来侦听数据.我如何通过 angular 控制器 js 完成同样的任务?
查看输入[email],angular的验证:
https://docs.angularjs.org/api/ng/input/input%5Bemail%5D
有一个 ngChange 选项。
有一种东西叫做$watch,或者watchers。您可以 "listen" 更改模型
scope.$watch('name', function(newValue, oldValue) {
scope.counter = scope.counter + 1;
});
所以在这个例子中,只要模型 "name" 发生变化,计数器就会加一。你看到传递的其他参数,oldVal 和 newVal,你可以相互交叉引用这些参数,如果有新值,你可以设置逻辑来执行它,但这是你自己的决定。只需将您的正则表达式检查放入此函数中,并将字段的模型从名称更改为您的名称即可。 *确保它在正确的控制器中^_^。