技術

[Angular6] 一つのタグに複数の条件分岐を書く

投稿日:

こんにちは

どうしても一つのタグに複数の条件分岐を書きたい時があるかと思います。
今回はそのやり方を紹介します。

<ng-container *ngFor="let aa of arrList; index as i; first as first;">

<div *ngIf="first ? true : (aa.text_1 != '' || aa.text_2 != '')">
<p>テスト</p>
</div>

</ng-container>

三項演算子が評価された後に、text_1,text_2があるかどうかを比較しています。
上記の例だと、先ずfirstが評価されます。falseと評価されたら次は

(aa.text_1 != '' || aa.text_2 != '')

の部分が評価対象になります。
text_1かtext_2に文言がなければ式の結果はfalseになるので表示されません。

ただソースが読みづらくなるのでどうしてもという時以外は使わないほうが良いでしょう。

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

docomo雑談対話APIを使って会話BOTを作りました。(LINE BOT + Heroku + Rails + docomo雑談API)

こんばんは 前回、LINE BOTを無料で試してみました。heroku + Ra …

no image

[Rails]updateの時だけvalidationを実行させる

こんにちは アプリを作っていて、create時にはvalidationを実行させ …

[ Ionic ] A problem occurred evaluating project ‘:app’. > Failed to apply plugin [class ‘com.google.gms.googleservices.GoogleServicesPlugin’] > For input string: “+”

こんにちは。たなかです。 相変わらずモバイルアプリ開発やっています。 先日、Io …

no image

【Rails】helperからbrタグを含めた文字列を返したい時

こんにちは プライベートではもっぱらRailsを触っています。 触ってからそんな …

no image

【Rails】El Captain で’$rails s’ が動かない件

どうも中田です。 開発用MacをEl Capitanにアップデートしたところ r …