0

次のAngularJS構造があります

<li ng-repeat="content in contents">
  <img src="{{content.image_url}}" />
  <div class="title">{{content_title}}</div>
</li>

でも、「content.image_url」がNULLか存在しない場合はIMGタグを表示したくありません。だから何か

{{#if content.image_url}}
  <img.....
{{/if}}

これは、条件付きチェックを行うハンドルバーの方法です。AngularJS でこれを達成するにはどうすればよいですか? これを行うには指示が必要ですか?

4

1 に答える 1

2

ng-show を使用します。

<li ng-repeat="content in contents">
  <img ng-show="content.image_url != ''" src="{{content.image_url}}" />
  <div class="title">{{content_title}}</div>
</li>

また、イメージのロード中にコンソールでエラーが発生しないように、src の代わりにng-srcを使用します。

<li ng-repeat="content in contents">
  <img ng-show="content.image_url != ''" ng-src="{{content.image_url}}" />
  <div class="title">{{content_title}}</div>
</li>
于 2013-03-13T12:02:48.417 に答える