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.昇順で並び替える 関連モジュール タイトル
PHP 8.9.x PHP YamlをPHP配列にする方法
コンテンツの作成 8.9.x node ノード保存時の前回値の参照方法
サイトの環境設定 8.9.x 編集
SESSION 8.9.x api $_SESION操作のAPI
コンテンツの作成 8.9.x vim nkf ファイルのエンコーディングを確認、変更する方法
PHP 8.9.x drush drush sql:cli < が機能しない場合の対処
Gmian 8.8.x Gmail Gmail:外部メールサーバー経由のメール送信ができなくなった場合の対処方法
アップデート 8.8.x Composer composer updateが異常終了する
テーマ 8.7.x Bartikのtwigについて
mac linux ファイル名 文字化け 8.7.x mac linux ファイル名 文字化け Macからlinuxにrsyncするとファイル名（濁点）が文字化けする場合の対応方法
コンテンツの作成 8.7.x CkEditor CKEditorエディタ内に Colorboxポップアップ を簡単に挿入する方法
ログイン 8.7.x System ユーザー アカウントロックの範囲設定
フォーム 8.7.x Webform WebformのCheckboxの要素にて表記の変更
アップデート 8.7.2 menu drupal-core 8.7.2にupdateしたところ
Viewsプログラミング 8.6.x Views Drupal8 Viewsの動的キャッシュをクリアする方法
Commerce2 8.6.x Commerce Shipment Commerceで配送情報を得る方法
サイトの環境設定 8.6.x Simhony Yaml yamlファイルを読み込む方法
Commerce 8.6.x Commerce Payment Gateway オリジナルCommerce決済モジュール（Offsite）で決済サーバーへのPOST時のエンコードを変更する方法
Commerce2 8.6.x Commerce Order Commerceで注文情報から全Itemを得る方法
コンテンツの管理 8.6.x Commerce Commerce orderからすべての商品名を取得する方法

ページ