无效电子邮件输入的模型值始终未定义。我希望能够检查用户是否输入了任何文本(即使它还不是有效的电子邮件地址)。
有关实现的更多详细信息,请查看plnkr:http://plnkr.co/edit/qV2eqGFhPvZSZKexDVF2?p=preview
Html:
<body ng-controller="MainCtrl">
<form>
<div>
<label for="email">Email address</label>
<input ng-keyup="keyUp()" ng-change="changed()" type="email" name="email" id="email" ng-model='user.email'/>
</div>
</form>
</body>
控制器:
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.user = {};
$scope.$watch('user.email', function (val){
console.log("Watch: "+$scope.user.email);
});
$scope.changed = function(){
console.log("Changed: "+$scope.user.email);
}
$scope.keyUp = function(){
console.log("KeyUp: "+$scope.user.email);
}
});
干杯。
实际上有一种方法。您可以使用$ViewValue。
将ng表单添加到表单
body ng-controller="MainCtrl">
<form name="myForm" ng-form="myForm">
<div>
<label for="email">Email address</label>
<input ng-keyup="keyUp()" ng-change="changed()" type="email" name="email" id="email" ng-model='user.email'/>
</div>
</form>
</body>
然后在控制器中,您应该能够获取值
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.user = {};
$scope.changed = function(){
console.log("Changed: "+$scope.myForm.email.$viewValue);
}
$scope.keyUp = function(){
console.log("KeyUp: "+$scope.myForm.email.$viewValue);
}
});
您可以在此处阅读更多信息
是的,根据设计更改,首先评估表达式(电子邮件或文本)是否有效,它将调用函数
让我们以文本字段为例。
因此,如果input[text]
中有任何内容(任何文本),它将是有效的并激发函数(),但在电子邮件的情况下,它只有在input[email]
有效时才有效,这需要进行一些验证,然后它将激发事件。
$watch也是如此,它将评估应用于它的值$scope.$watch("user.email")
(在本例中为user.email),该值仅在input[email]
包含有效值时设置。
ng-keyup
将调用"始终在键盘上"事件,因此它将在每个代码中调用function()
。
您可以在keyup 上获得输入元素的值
$scope.keyUp = function(){
console.log('value: ', event.target.value)
}