テンプレートを使用してCSSスタイルのプロパティを設定する

K.Roe

デフォルトのテンプレートエンジンであるJinja2でFlaskを使用しています。

だから私はデータベースにたくさんの製品を持っていて、それぞれにそれらがどのようにレンダリングされるべきかについての情報を含むスタイル列があります:アクセントカラー、フォント、しかしインラインスタイルを使おうとするとき-私はそれをそのようにしたいですそれは最も簡潔なようです-私は結果を得ません。テンプレートエンジンは、私が挿入した変数を無視しているようです...

... style="border-color:#{{ product.style.color }}">

FirefoxとChromeの両方でブラウザの開発者ツールからコードを調べましたが、変数はJinjaによってまったく展開されていないようです。コードを表示すると、次のようになります...

... style="border-color:#">

私はすべての製品を照会し、それらのスタイル行(私が使用している製品の)がすべて有効であることを確認しました。

だから私は、スタイルをインライン化し、テンプレートを使用してそれらのプロパティを動的に設定する方法があるかどうかを尋ねていますか?

この質問が解決された場合は、事前に申し訳ありません。それは非常に具体的であり、私はこの分野で苦労している質問を見つけることができませんでした。外部のリソースを教えてください。

キーガンよろしく

K.Roe

ご迷惑をおかけして申し訳ありません。問題はブラウザがページを正しくロードしていないことにあると思います。時々問題が発生します。今朝ラップトップを開いたところ、すべてが期待どおりに機能しました。貢献してくれてありがとう。多分それは私のクッキーと関係がありますか?誰かがそれを確認するコメントをすることができれば、それはありがたいです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ループを使用してボタンのテキスト プロパティを設定するにはどうすればよいですか?

分類Dev

Excelスプレッドシートの「タイトル」プロパティを設定する

分類Dev

TFSリリーステンプレートを使用してIISAppPoolStartModeプロパティを設定します

分類Dev

Autofixtureを使用して子インスタンスのプロパティ値を固定値に設定する

分類Dev

2つの数値変数を使用してインスタンスプロパティを設定する方法

分類Dev

バッチファイルを使用してタスクスケジューラの開始(オプション)プロパティを設定する方法

分類Dev

xamlの共通テンプレート/コントロールを使用して、再利用可能なコントロールを作成し、ネストされたコントロールのプロパティを設定する方法

分類Dev

jqueryのコンストラクターを介してクラスプロパティを設定する

分類Dev

d3 jsを使用してスタイルシートのプロパティを設定するにはどうすればよいですか?

分類Dev

サイプレスコマンドを使用して `display`のようなCSSプロパティを設定する方法はありますか?

分類Dev

単体テストでリフレクションを使用してプロパティを設定する

分類Dev

Linqステートメントを使用してプロパティを設定する方法

分類Dev

Androidデータバインディングを使用してSwipeRefreshLayout更新プロパティを設定する方法

分類Dev

Androidデータバインディングを使用してSwipeRefreshLayout更新プロパティを設定する方法

分類Dev

Androidデータバインディングを使用してSwipeRefreshLayout更新プロパティを設定する方法

分類Dev

GraphClientを使用して365グループにカスタムプロパティを設定する

分類Dev

cssセレクターを使用してスクレイプクロールでスパン外のテキストを抽出する

分類Dev

コンポーネントのホストプロパティを使用してローカル変数を設定することは可能ですか?

分類Dev

デフォルトのTomcat接続プールを使用してSpringBoot1.3.xでDataSourceにカスタム接続プロパティを設定する方法

分類Dev

QObject *をQMLEngineルートコンテキストプロパティとして設定する

分類Dev

viewModelオブジェクトのプロパティを使用して文字列を設定するためのwpfc#データバインディング

分類Dev

vb.netを使用してプリンターのプロパティを設定する方法

分類Dev

CSSプロパティの設定-フィルター:ジェネシスフレームワーク内のサイト内部クラスのJSを使用したblur(x)。nullのプロパティ 'getAttribute'を読み取れません

分類Dev

モデルプロパティに基づいてホストコンポーネントのスタイルを設定する

分類Dev

コンストラクターを使用してSwaggerでプロパティを設定します

分類Dev

ReactuseStateフックを使用して表示スタイルプロパティを設定する方法

分類Dev

デフォルトのテンプレートパラメータとして、他のパラメータに応じてネストされたテンプレートクラスのインスタンス化を設定する方法

分類Dev

オブジェクトのDataSourceプロパティを設定するとき、タイプとインスタンスをいつ使用しますか?

分類Dev

パブリックインスタンスでgetterとsetterを使用してそのクラスのプライベートインスタンスを設定するときに設定されるクラスインスタンスのプロパティはどれですか?

Related 関連記事

  1. 1

    ループを使用してボタンのテキスト プロパティを設定するにはどうすればよいですか?

  2. 2

    Excelスプレッドシートの「タイトル」プロパティを設定する

  3. 3

    TFSリリーステンプレートを使用してIISAppPoolStartModeプロパティを設定します

  4. 4

    Autofixtureを使用して子インスタンスのプロパティ値を固定値に設定する

  5. 5

    2つの数値変数を使用してインスタンスプロパティを設定する方法

  6. 6

    バッチファイルを使用してタスクスケジューラの開始(オプション)プロパティを設定する方法

  7. 7

    xamlの共通テンプレート/コントロールを使用して、再利用可能なコントロールを作成し、ネストされたコントロールのプロパティを設定する方法

  8. 8

    jqueryのコンストラクターを介してクラスプロパティを設定する

  9. 9

    d3 jsを使用してスタイルシートのプロパティを設定するにはどうすればよいですか?

  10. 10

    サイプレスコマンドを使用して `display`のようなCSSプロパティを設定する方法はありますか?

  11. 11

    単体テストでリフレクションを使用してプロパティを設定する

  12. 12

    Linqステートメントを使用してプロパティを設定する方法

  13. 13

    Androidデータバインディングを使用してSwipeRefreshLayout更新プロパティを設定する方法

  14. 14

    Androidデータバインディングを使用してSwipeRefreshLayout更新プロパティを設定する方法

  15. 15

    Androidデータバインディングを使用してSwipeRefreshLayout更新プロパティを設定する方法

  16. 16

    GraphClientを使用して365グループにカスタムプロパティを設定する

  17. 17

    cssセレクターを使用してスクレイプクロールでスパン外のテキストを抽出する

  18. 18

    コンポーネントのホストプロパティを使用してローカル変数を設定することは可能ですか?

  19. 19

    デフォルトのTomcat接続プールを使用してSpringBoot1.3.xでDataSourceにカスタム接続プロパティを設定する方法

  20. 20

    QObject *をQMLEngineルートコンテキストプロパティとして設定する

  21. 21

    viewModelオブジェクトのプロパティを使用して文字列を設定するためのwpfc#データバインディング

  22. 22

    vb.netを使用してプリンターのプロパティを設定する方法

  23. 23

    CSSプロパティの設定-フィルター:ジェネシスフレームワーク内のサイト内部クラスのJSを使用したblur(x)。nullのプロパティ 'getAttribute'を読み取れません

  24. 24

    モデルプロパティに基づいてホストコンポーネントのスタイルを設定する

  25. 25

    コンストラクターを使用してSwaggerでプロパティを設定します

  26. 26

    ReactuseStateフックを使用して表示スタイルプロパティを設定する方法

  27. 27

    デフォルトのテンプレートパラメータとして、他のパラメータに応じてネストされたテンプレートクラスのインスタンス化を設定する方法

  28. 28

    オブジェクトのDataSourceプロパティを設定するとき、タイプとインスタンスをいつ使用しますか?

  29. 29

    パブリックインスタンスでgetterとsetterを使用してそのクラスのプライベートインスタンスを設定するときに設定されるクラスインスタンスのプロパティはどれですか?

ホットタグ

アーカイブ