我在我的代码中放了一些警告框但是没有出现。这很奇怪,因为当我把代码放在plunker时,会出现警告框!
这是我的实际代码
var customerAppModule = angular.module("customerApp", ['ngRoute']);
customerAppModule.controller('MainCtrl', function ($scope, myService, $http, $location) {
var vm = this;
vm.pinFormCheck = function () {
vm.count++;
if (vm.pinForm.$valid && vm.details.PIN === vm.pin && vm.count <= 2) {
$location.path('/MainMenu');
$scope.obj = {
'cid': vm.details.CID,
'name': vm.details.Name,
'pin': vm.details.PIN,
'bal': vm.details.Bal,
'status': vm.details.cardStatus
};
myService.setObj($scope.obj);
} else {
alert("Invalid pin"); //this alert box does not appear
}
};
});
以下是我的HTML中的代码:
<body ng-app="customerApp">
<div ng-controller="MainCtrl as vm">
<form name="vm.pinForm">
<input type="password" ng-model="vm.pin" ng-required="true" />
<p><button ng-disabled="vm.count >=3" ng-click="vm.pinFormCheck();" ng-init="vm.count=0">Proceed</button></p>
<p><span>Attempts left: {{3-vm.count}}</span></p>
</form>
....
除了上面显示的警告框之外,我还在其他地方放置了其他警告框,但没有出现。