angularjs数据绑定w listener

时间:2015-04-03 14:00:42

标签: angularjs angularjs-controller

我尝试验证电子邮件字段,确保用户输入的是有效的电子邮件,然后通过查看

/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i

在标准JS中我会使用和事件监听器知道用户何时触发了keyup但是在Angular中我怀疑有不同的方式通过"双向监听数据数据绑定"。如何通过角度控制器js完成相同的任务?

2 个答案:

答案 0 :(得分:4)

看一下输入[email],angular的验证:

https://docs.angularjs.org/api/ng/input/input%5Bemail%5D

有一个ngChange选项。

答案 1 :(得分:0)

有一种叫做$ watch或者watchers的东西。你可以拥有它"听"对于正在更改的模型

scope.$watch('name', function(newValue, oldValue) {
scope.counter = scope.counter + 1;
});

所以在这个例子中,只要模型"名称"变化,计数器上升一个。您可以看到传递的其他参数,oldVal和newVal,您可以相互交叉引用这些参数,如果有新值,您可以设置逻辑来执行此操作,但这是您自己的决定。只需在此函数中检查正则表达式,并将字段的模型从名称更改为您的名称。 *确保它在正确的控制器中^ _ ^。