javascript - swig を使用して動的リンクを作成するにはどうすればよいですか?

Question

swig テンプレートを使用してダイナミック リンクを作成するにはどうすればよいですか?

毎回テンプレートにリクエスト オブジェクトを送信することなく、template.html ページでアクティブなリンクを表示できるようにしたい

Answer 1

毎回リクエストオブジェクトをテンプレートに送信する必要はありません

リクエスト オブジェクトの送信は、最良のシナリオであり、自動化が最も簡単です。request オブジェクトを送信しても、パフォーマンス関連の問題が発生したり、何か問題が発生したりすることはありません。テンプレートに送信されるデータに常に要求オブジェクトを含めるように、express 用のカスタム応答ハンドラーを作成するのは簡単です。

ただし、代わりに、すべてのテンプレートの上部に変数を設定し、ifすべてのリンクでステートメントを実行することもできます。

mypage.html

{% set current_page = 'mypage' %}
{% extends "layout.html" %}

レイアウト.html

<a href="/mypage" class="{% if current_page == 'mypage' %}current{% endif %}">My Page</a>