Question

我正在使用ng-repeat来显示列表中的所有JSON数据。但是，我的每个数据，一些数据由文本数据组成，一些数据由图像数据组成。如果它由图像数据组成，它将显示图像，如果它由文本数据组成，则应用程序显示文本数据。我正在使用ng-if条件来显示文本数据或图像数据。以下是我的代码。

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>

Answer 1

只需删除表达 {{}} ，

即可

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

Angularjs：ng-if通过比较字符串来显示内容

1 个答案: