如果字符串以E和A开头，那么我想显示与数据不同的Divs，然后从数据中删除前两个字母

Question

I have data coming from a API in Angular.

 $scope.alert = alertMessage;

If the Alert message starts with E. i want to show div 1

<div class= "alert 1">
<p>{{alert}}</p>
</div>

IF the Alert message starts with A i want to show div 2

<div class= "alert 2">
<p>{{alert}}</p>
</div>

Also i want to trim first two characters in Alert message.

Can anybody help me on this.

Answer 1

 //If the Alert message starts with E. i want to show div 1 <div class="alert 1" ng-if="alert[0] === 'E'"><!-- show if the first character is E --> <p>{{alert.slice(2)}}</p><!-- remove the first two characters --> </div> 

Answer 2

ng-show toggles the appearance of the element by adding the CSS display: none style. ng-if, on the other hand, actually removes the element from the DOM when the condition is false and only adds the element back once the condition turns true. Just depends one what your requirements are but you could essentially use either one.

 $scope.alert = alertMessage.slice(2); 

 <div class= "alert 1" ng-show="alert.indexOf('E') == 0"><p>{{alert}}</p> </div> <div class= "alert 2" ng-show="alert.indexOf('A') == 0"> <p>{{alert}}</p> </div> 

Answer 3

I have used ng-if for two divs like what taplar told. in case of removing 2 characters i used {{alert.substring(2)}}

This worked . Thanks Guys for your help.