技術

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

関連記事

[ Ionic ] アプリの画面向きを指定する方法

こんにちは。たなかです。 Ionicフレームワークでモバイルアプリ開発しています …

no image

【ionic】Cannot read property ‘startTrackerWithId’ of undefined だとよ

どうも中田です。 GoogleAnalyticsプラグインを導入したのですが、A …

[Xcode] iOSソフトウェアアップデート後に、Could not locate device support files.

こんにちは。たなかです。 Xcodeで開発中に以下のエラーにぶつかりました。 エ …

no image

【ionic】$ionic emulate ios で真っ白

どうも、なかたです。 「COTeggのバケツ」というブログを立ち上げました。 こ …

no image

[Rails]link_toをhelperから使う

こんばんは Railsでviewを作成している時に、helperからlink_t …