2017-06-15 3 views
0

ng-repeatを使用してリストにすべてのJSONデータを表示しています。しかし、私はそれぞれのデータ、いくつかのデータはテキストデータで構成され、いくつかはイメージデータで構成されています。画像データであれば画像を表示し、テキストデータであればテキストデータを表示します。私はテキストデータまたは画像データのいずれかを表示するためにng-if条件を使用しています。以下は私のコードです。Angularjs:ng - 文字列を比較してコンテンツを表示する場合

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> 

答えて

1

ちょうどそれが正常に動作し、

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

を表現{{}}を削除します。おかげで –

+0

あなたはangularjsの{{}}についてもっと説明できますか? –

+0

https://stackoverflow.com/questions/38586393/angular-when-to-use-curly-brackets/38586510 – Sajeetharan

関連する問題