AngularJS：条件绑定不起作用答案

【问题标题】：AngularJS: conditional binding is not workingAngularJS：条件绑定不起作用
【发布时间】：2016-05-23 14:55:34
【问题描述】：

我正在尝试验证用户在表单内的电子邮件地址字段中的输入，并且我曾经创建一个跨度，在输入无效值的情况下生成错误消息。这是跨度 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 代码有什么问题吗？怎么可能解决这个问题？

谢谢。

【问题讨论】：

对不起，如果这是一个基本问题，但 check_mail() 函数是否返回布尔值？
@user6039980 我们可以看到你的check_mail函数吗？
你能提供你的代码吗？
@user6039980 您的设置没有任何问题，但如果函数返回 false 则不会全部显示。尝试将其更改为 return true 或 !check_mail()
可以提供你的check_mail功能吗？

标签： javascript html angularjs

【解决方案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>

【讨论】：

这正是我要做的。感谢这个完美的答案！
你是不是偷了我的答案？ =(
@kugyousha 我没有，我看不到你发布它的确切时间，它在你的评论和我的回答上都说 3 小时，这并不是一个非常复杂的答案，所以可以看到我们如何得出相同的结论，但是，如果您是第一个（同样，我看不到确切时间），我对您发布答案并且 OP 接受它作为最佳答案没有任何问题。跨度>
@ArturoMontaño 我只是在开玩笑，我不在乎这些点 ;) 我很欣赏你的礼貌。没错，这是一个非常简单的答案，而且我们几乎同时想出了这个答案。