[英]AngularJS ng-change not calling function
當用戶在電子郵件文本框中鍵入內容時,我試圖在引導彈出窗口中更改內容。 ng-change似乎沒有進入updateToolTip()
方法。 我是AngularJS的新手。 任何建議表示贊賞。
HTML頁面
<div ng-controller="LoginController">
<for name="form" ng-submit="login()">
<input type="email" name="email" ng-model="user.email" value="{{user.email}}" ng-change="updateToolTip()" popover="{{emailMessage}}" popover-trigger="focus" popover-placement="right" required>
<button class="btn btn-lg btn-primary btn-block" type="submit" ng-disabled="form.$invalid">Sign in</button>
</form>
</div>
JS
var loginModule = angular.module('loginModule', ['ui.bootstrap']);
// Controller for the login page
loginModule.controller('LoginController', ['$scope', '$http', function($scope, $http) {
$scope.emailMessage = 'test';
$scope.updateToolTip = function() {
$scope.emailMessage = 'asdfsadf';
console.log();
console.log(' inside function');
if($scope.user != null) {
console.log('user not null');
if($scope.user.email.$dirty && $scope.user.email.$error.email) {
console.log('email dirty and error');
$scope.emailMessage = 'Invalid Email!';
} else if($scope.form.email.$dirty && $scope.form.email.$error.required) {
console.log('emaildirty and required');
$scope.emailMessage = 'Email Required';
}
}
}
}]);
將form
名稱更改為name="user"
。 喜歡
<form class="form-signin" name="user" ng-submit="login()">
由於您使用表單模型,如user.XXXX
。
演示柱塞
[編輯]
我會這樣寫驗證:
<input
type="email"
name="email"
class="form-control"
placeholder="Email address"
ng-model="user.email"
popover="{{emailMessage}}"
popover-trigger="focus"
popover-placement="right"
required
>
<span class="error" ng-show="mailform.email.$error.required">required</span>
<span class="error" ng-show="mailform.email.$error.email">invalid email</span>
<input
type="password"
name="password"
class="form-control"
placeholder="Password"
ng-model="user.password"
value="{{user.password}}" required >
<span class="error" ng-show="mailform.password.$error.required">required</span>
演示2 柱塞
也許這個例子也可能對您有幫助:Demo 3 Plunker
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.