[解決済み】angular.jsのインライン条件式
2022-04-13 07:32:45
質問
angularでng-showなどを使用する以外に、条件付きでコンテンツを表示する方法はないのでしょうか。例えば、backbone.jsでは、テンプレート内のインラインコンテンツで次のようなことができます。
<% if (myVar === "two") { %> show this<% } %>
しかし、angularでは、htmlタグで囲まれたものの表示と非表示に制限されているようです。
<p ng-hide="true">I'm hidden</p>
<p ng-show="true">I'm shown</p>
htmlタグでコンテンツをラップするのではなく、{{}}を使用するだけでインラインコンテンツを条件付きで表示・非表示にするためのangularでの推奨される方法は何でしょうか?
どのように解決するのですか?
EDIT 以下、2Toadさんの回答 は、あなたが探しているものです アップブートする
Angular <= 1.1.4 を使用している場合は、この回答で十分です。
これに対する答えをもう一つ。可能な解決策のリストというよりも、解決策の "exact" の試みなので、別の答えを投稿しています。
以下は、"immediate if"(通称iif)を行うフィルターです。
app.filter('iif', function () {
return function(input, trueValue, falseValue) {
return input ? trueValue : falseValue;
};
});
で、このように使うことができます。
{{foo == "bar" | iif : "it's true" : "no, it's not"}}
関連
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
[解決済み】Angularjsのng-viewが動作しない。
-
angularjs ローカルデータストレージ LocalStorage
-
[解決済み] シンプルなangularjsの日付入力
-
[解決済み] angularJSの::の意味するところ
-
[解決済み] Ui-srefがクリッカブルリンクを生成しない/動作しない
-
[解決済み] 入力フィールドにフォーカスを当てるには?
-
[解決済み] ng-classを使った複数クラスの追加
-
[解決済み] 印刷用のインラインif文の書き方は?
-
[解決済み] AngularJSでEnterキーを押したときにフォームを送信する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] angularのpostリクエストでpreflightのレスポンスがHTTPステータスコード403で不正になる。
-
[解決済み] 適用がすでに進行中のエラー
-
[解決済み] AngularJSのng-showとフェードアニメーション
-
[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。
-
[解決済み] どのようにangularJSでrouteProviderとlocationProviderを設定するのですか?
-
[解決済み] AngularJsでng-Cloakディレクティブを実際に使用する方法とは?
-
角型グローバル確認ボックス
-
[解決済み] AngularJSとHandlebars - 両方必要なのかどうか
-
[解決済み] angular.serviceとangular.factoryの比較
-
[解決済み] ng-repeat内のng-click関数にパラメータを追加しても、うまくいかないようです。