AngularJS: conditional binding is not working

Question

I'm trying to validate user's input onto the email address field inside a form, and I used to create a span in which the error message gets generated in the case of typing an invalid value. This is the span HTML code:

<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>

I used the ng-if tag for conditionally binding the error message

Please type a valid email address

, and check_mail() function for checking the value from a signupCtrl controller.

The check_mail function works fine as expected. However the error message was never displayed though. So is there anything wrong on my HTML code? How is it possible to solve this problem?

Thanks.

Sorry if it's a basic question but does check_mail() function return boolean? — erolkaya84
– erolkaya84, Commented May 23, 2016 at 15:01
@user6039980 There is nothing wrong with your set up but if the function is returning false then it wouldn't show up all. try changing it to return true or !check_mail() — kugyousha
– kugyousha, Commented May 23, 2016 at 15:13

Arturo Montaño · Accepted Answer · 2016-05-23 16:19:29Z

1

does the function check_mail() returns true if the mail is invalid? if it doesnt then you may want to try

<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>

edited May 23, 2016 at 16:19

answered May 23, 2016 at 15:15

Arturo Montaño

1218 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user6039980 Over a year ago

That's what I had exactly to do. Thanks for this perfect answer!

kugyousha Over a year ago

Did you just steal my answer? =(

Arturo Montaño Over a year ago

@kugyousha I didn't, and I cant see the exact time when you posted it, it says 3 hours on both your comment and my answer, it wasn't exactly a very complex answer, so can see how we both got to the same conclusion, however, if your's was first (again, I can't see the exact time) I have no problem with you posting an answer and the OP accepting it as the best answer.

kugyousha Over a year ago

@ArturoMontaño I'm just teasing, I don't care about the points ;) I appreciate your civility. You're right it was a really simple answer and we did come up with it at almost the same time either way.

Collectives™ on Stack Overflow

AngularJS: conditional binding is not working

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related