javascript - 为什么 ng-show 无法正常工作？

Question

我使用 asp.net mvc 5 和 angularjs 开发一个 Web 应用程序。我想知道为什么 ng-show 不起作用或不显示消息。

AngularJS代码:

 vm.checkEmailFormat = function () {
        var email = $(".pv-company-email").val();

        var regex = /^[\w-]+(\.[\w-]+)*@([a-z0-9-]+(\.[a-z0-9-]+)*?\.[a-z]{2,6}|(\d{1,3}\.){3}\d{1,3})(:\d{4})?$/i;

        vm.validEmailFormat = (regex.test(email));

        if (vm.validEmailFormat) {
            vm.pageValidated = true;
        } else {
            vm.pageValidated = false;
        }
    }

查看代码:

<div class="row">
  <div class="col-md-3 settings-padding"><span class="textdescription"><strong>Email Address</strong></span></div>
  <div class="col-md-6 settings-padding">
    <input type="text" ng-model="vm.organisation.Email" ng-blur="vm.checkIsEmailBlank()" ng-keyup="vm.checkEmailFormat()" placeholder="Email" class="form-control comp pv-company-email" style="max-width:420px;" maxlength="250" />
  </div>
  <div class="col-md-3 settings-padding"><span class="error company-error" ng-show="!vm.validEmailFormat"><span class="company-border-top"><i class="fa fa-times-circle ngdialog-register-erroricon" aria-hidden="true"></i></span> &nbsp;&nbsp;&nbsp;Invalid email format.</span>
  </div>
  @*
  <div class="col-md-3 settings-padding"><span class="error company-error" ng-show="vm.isEmailEmpty"><span class="company-border-top"><i class="fa fa-times-circle ngdialog-register-erroricon" aria-hidden="true"></i></span> &nbsp;&nbsp;&nbsp;Email is required.</span>
  </div>
  <div class="col-md-3 settings-padding"><span class="error company-error" ng-show="vm.validEmailLength"><span class="company-border-top"><i class="fa fa-times-circle ngdialog-register-erroricon" aria-hidden="true"></i></span> &nbsp;&nbsp;&nbsp;Must be 50 characters long only.</span>
  </div>*@

</div>

Answer 1

鉴于您必须使用 <input type="text" ng-model="controllerAliseName.organisation.Email" ng-blur="controllerAliseName.checkIsEmailBlank()" ng-keyup="controllerAliseName.checkEmailFormat()" placeholder="Email" class="form-control comp pv-company-email" style="max-width:420px;" maxlength="250" />而不是vm. ，你需要制作 vm.isEmailEmpty一旦找到ng-model="controllerAliseName.organisation.Email"，则标记为真模糊函数为空。您没有检查条件