[解決済み] handlebars.js {{#if}}の条件における論理演算子
2022-03-19 04:53:12
質問
handlebars JSで、標準のhandlebars.jsの条件演算子に論理演算子を取り入れる方法はありますか?このようなものです。
{{#if section1 || section2}}
.. content
{{/if}}
自分でヘルパーを書くこともできるのですが、まずは車輪の再発明になっていないか確認したいのです。
どのように解決するのですか?
これは、ブロックヘルパーで「ごまかす」ことで可能になります。これはおそらく、Handlebarsを開発した人々のイデオロギーに反しています。
Handlebars.registerHelper('ifCond', function(v1, v2, options) {
if(v1 === v2) {
return options.fn(this);
}
return options.inverse(this);
});
そして、次のようにテンプレート内でヘルパーを呼び出すことができます。
{{#ifCond v1 v2}}
{{v1}} is equal to {{v2}}
{{else}}
{{v1}} is not equal to {{v2}}
{{/ifCond}}
関連
-
fetch ネットワークリクエストラッパーの説明例
-
vueの補間表現とv-textディレクティブの違いについて
-
[解決済み】React - uncaught TypeError: 未定義のプロパティ 'setState' を読み取れない
-
JavaScriptのgetElementById、getElementsByTagNam、getElementsByClassNameの違いと使い方
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] JavaScriptに「NULL合体」演算子はありますか?
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] はどのように使うのですか?(条件)演算子をJavaScriptで使うには?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】Handlebars.jsのElse Ifについて
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
JSアレイループと効率解析の比較
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
Vueのイベント処理とイベントモディファイアの解説
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
JavaScriptのStringに関する共通メソッド
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
[解決済み] ハンドルを使った変数の受け渡し パーシャル