AngularJS:条件绑定不起作用

时间:2016-05-23 14:55:35

标签: javascript html angularjs

我正在尝试将用户的输入验证到表单内的电子邮件地址字段中,并且我曾经创建了一个范围,在键入无效值的情况下会生成错误消息。这是跨度HTML代码:

<div ng-app="app" ng-controller='signupCtrl'>
          <span style="padding: 2px 0 2px 16px; color: red;" ng-if="check_mail()">Please type a valid email address</span>
          </div>

我使用ng-if标记来有条件地绑定错误消息

  

请输入有效的电子邮件地址

check_mail()用于检查signupCtrl控制器的值。

check_mail函数正常工作。但是,从未显示错误消息。那么我的HTML代码有什么问题吗?怎么可能解决这个问题?

感谢。

1 个答案:

答案 0 :(得分:1)

如果邮件无效,函数check_mail()会返回true吗?如果没有,那么你可能想尝试

<div ng-app="app" ng-controller='signupCtrl'>
      <span style="padding: 2px 0 2px 16px; color: red;" ng-if="!check_mail()">Please type a valid email address</span>
      </div>