validation message hide in angular js

Question

I am using below code as a validation message. i am trying to hide my validation message if its success message. please check my code

    <div uib-alert ng-repeat="alert in alerts"  ng-class="'alert-' + (alert.type || 'info')" dismiss-on-timeout="{{alert.type == success ? '5000' : ''}}"
    close="alerts.splice(index, 1)">
   {{alert.msg}}

alert. type can be 'success or error'. i need to hide this only if, 'alert.type= success'. i tried. but not working. how i add condition. thanks

this is not ok with my problem. ' dismiss-on-timeout' should work only success messages, (alert.type==success) — kumara
– kumara, Commented Apr 20, 2020 at 7:44
Is success a variable in alert.type == success ? '5000' : ''? — AhmerMH
– AhmerMH, Commented Apr 20, 2020 at 7:55

Anurag Srivastava · Accepted Answer · 2020-04-20 08:40:47Z

1

You need to use the string success and 5000 as a number, also the else condition would be none instead of ''. Combining all these, you will need:

dismiss-on-timeout="{{ alert.type == 'success' ? 5000 : 'none' }}"

Plunkr example

answered Apr 20, 2020 at 8:40

Anurag Srivastava

14.5k4 gold badges39 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

validation message hide in angular js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related