Angularjs: ng-if display content by comparing the string

Question

I am using ng-repeat to display all the JSON data in list. However, I each of the data, some data consist of text data and some consist of image data. If it consist of image data, it will display of image and if it consist of text data, application is displaying text data. I am using ng-if condition to display either text data or image data. The following is my code.

html

        <li ng-repeat="message in messages"  ng-class="getClass(message.username)">
                     <div class="avatar"><img ng-src="{{image}}"  
draggable="false"/></div>
                     <div class="msg">
                        <img ng-if="{{message.messageType}} =='image'" ng-src="img/adam.jpg"></img>
                        <p ng-if=" {{message.messageType}} =='text'">{{message.content}}</p>
                        <time>{{ message.date | date:"MM/dd/yyyy 'at' h:mma"}}<time>
                    </div>
            </li>

Sajeetharan · Accepted Answer · 2017-06-15 04:24:19Z

1

Just remove the expression {{}},

   <img ng-if="message.messageType =='image'" ng-src="img/adam.jpg"></img>
   <p ng-if="message.messageType =='text'">{{message.content}}</p>

edited Jun 15, 2017 at 4:24

answered Jun 15, 2017 at 4:16

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

4 Comments

Chan Yoong Hon Over a year ago

can you explain more about {{}} in angularjs?

Sajeetharan Over a year ago

stackoverflow.com/questions/38586393/…

jos Over a year ago

please accept the answer if it had solved your issues

Chan Yoong Hon Over a year ago

@Sajeetharan Thanks, it very helpful for me.

Collectives™ on Stack Overflow

Angularjs: ng-if display content by comparing the string

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related