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

Take a look on [this question](https://stackoverflow.com/questions/32023558/angularjs-bootstrap-alert-dismiss-on-timeout-attribute-doesnt-work) — AhmerMH, Apr 20 '20 at 07:41
this is not ok with my problem. ' dismiss-on-timeout' should work only success messages, (alert.type==success) — kumara, Apr 20 '20 at 07:44
Is success a variable in `alert.type == success ? '5000' : ''`? — AhmerMH, Apr 20 '20 at 07:55

score 1 · Accepted Answer · answered Apr 20 '20 at 08:40

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 '20 at 08:40

Anurag Srivastava

14,077
4
33
43

validation message hide in angular js

1 Answers1