技術

[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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

fullpage.jsでコンテンツを画面幅いっぱいでスクロールさせる。

fullpage.jsとは fullpage.jsは一つのコンテンツを画面いっぱ …

[ Rails ] ExecJS::RubyRacerRuntime is not supported. Please replace therubyracer with mini_racer in your Gemfile or use Node.js as ExecJS runtime.

こんにちは。たなかです。 モバイルアプリ開発の内容でブログを書くことが多い私です …

no image

【ionic】タブをタップで最上部にスクロール!

どうも、中田です。 今日はタブをタップでトップにゴーの日です。 どういう日かとい …

no image

TypescriptでMap使用時にコンパイルエラー

こんにちは 連想配列で重複を省く処理をしたい時にMapを使用することがあります。 …

no image

[Rails]if文とcontent_for

こんばんは content_for便利ですよね。 今回はcontent_forと …