0

コンテンツに応じて、投稿を画像またはテキストとしてレンダリングするために ng-if 式を使用しようとしています。これらの行の最初の行は、ng-repeat-loop で true になることもあれば false になることもありますが、イメージとスパンの両方が各反復で表示されます。

<a href="{{post.url}}">
  {{post.type == 0}}
  <img ng-if="post.type == 0" src="{{post.content}}" />
   <span ng-if="post.type == 1">{{post.content}}<span>
</a>
4

3 に答える 3

2

「post.type」の値を 0 または 1 に定義しています。値が比較と等しいかどうかを判断するには、「==」演算子を使用します。

<a href="{{post.url}}">
  {{post.type = 0}}
  <img ng-if="post.type == 0" src="{{post.content}}" />
   <span ng-if="post.type == 1">{{post.content}}<span>
</a>

別のアプローチ:

{{post.type = 1}}
<a ng-if="post.type == 0" href="#"><img ng-if="post.type == 0" src="{{post.content}}" /></a>
<a ng-if="post.type == 1"><span>{{post.content}}</span></a>
于 2013-08-21T13:26:46.650 に答える
-2
  1. 複雑な HTML ではタグを閉じないと問題が発生し、スパンが閉じられないことがあります (いいえ)。
  2. テストケースとして、ng-show に変更してみてください。
  3. JB Nizet はコメントで ua の作業 plnkr を提供したので、その前に問題があると思います。
于 2013-08-21T13:54:14.433 に答える