JavaScriptに変数を渡す方法

カテゴリ サイト情報 コアバージョン 8.4x 関連モジュール JavaScript

サーバー側
themes/custom/your_theme/your_theme.theme

function your_theme_page_attachments_alter(array &$attachments) {
  $attachments['#attached']['drupalSettings']['your_group']['your_value'] = 'Your value';
}

JavaScript側

console.log(drupalSettings.your_group.your_value); // -> "Your value"

OTHER FAQ

Drupal開発・運用の疑問／質問の答えはここに

無料ユーザー登録すると質問できます。

カテゴリ Core Ver.昇順で並び替える 関連モジュール タイトル
コンテンツの作成 8.4x json jQueryにjsonで渡す方法
video 8.4x video map 動画上にクリッカブルマップを作成する方法
コンテンツの作成 8.4x archiver zipファイル圧縮・解凍する方法
Views 8.4x hook_views_query_alter Viewsクエリの条件式にサブクエリを追加する方法
Initial 8.4x Subscriber hook_init() 〜 drupal_goto() を drupal8でやる方法
コンテンツの管理 8.4x Entity EntityをPropertyで探す（クエリする）方法
テーマ 8.3x Theme drupal8 で パスに応じたページテンプレート名を利用する方法
テーマ 8.3x Core Twig開発用の設定
PHP 8.3x PHP drupa8でhook_init()する方法
テーマ 8.3x Block Cache Theme 管理ページから作成したカスタムブロックを非キャッシュ化する方法
拡張機能 8.3x Contribute modules drupal8-寄贈モジュールの動向
Custom module 8.3x Custom module Twig Block Cache カスタムモジュールのレンダリングを非キャッシュ化する方法
テーマ 8.3x Contribute themes drupal8-寄贈テーマの動向
サイトの構築 8.3x Webform Webformモジュール　メールアドレスの入力ミス確認
Proxy 7.59 Proxy Apache settings.php リバースプロキシ（Apache）＋バックグランドWeb（Drupal 7 ）でログインセッションを維持する方法
サイトの環境設定 7.59 さくらのレンタルサーバー php Options さくらのレンタルサーバーで パブリック／プライベートディレクトリにファイルが書き込まれないとき
サイトの構築 7.59 Drupal.ajax drupal 7 で Uncaught TypeError: Drupal.ajax is undefined となったときの対応方法
ユーザの管理 7.59 user pass drupal 7 で 管理者（uid=1）パスワードがわからなくなったとき 新しいパスワードを設定する方法
テーマ 7.56 field レンダリング配列内に「ラベル非表示」を指定する方法
drush 7.54 Drush Drushでdrupalサイトをインストールする方法

ページ