Hamlで動的IDを作るには?
2023-09-02 20:29:50
質問
#item
id="item"を持つdivを作成します。
.box#item
は、class="box" と id"item" を持つdivを作成します。
.box#="item "+x
class="box" とコメント '#="item"+x' を持つ div を作成します。
.box#
="item"+x
throws "不正な要素: クラスとIDは値を持たなければなりません."
idを変数に設定するにはどうしたらよいですか?
どのように解決するのですか?
2つの方法があります。
長い形式の方法(idを通常の属性であるかのように定義する)。
.box{:id => "item_#{x}"}
はこれを生成する (
x
は、これまで
x.to_s
に評価される)。
<div class="box" id="item_x">
ショートフォームの方法です。
.box[x]
は次のように仮定して生成します。
x
のインスタンスであるとします。
item
:
<div class="box item" id="item_45">
を参照してください。 HAMLリファレンス を参照してください。
関連
-
[解決済み】OS X Yosemite 10.10.5 で [Ruby on Rails] 5 をインストールすると extconf が失敗して終了コード 1 エラーになる。
-
[解決済み] RailsのRootディレクトリのパス?
-
[解決済み] Ruby on Railsでsimple_formを使うさまざまな方法|何が違うの?
-
[解決済み] railsアプリケーションでCookieのオーバーフロー?
-
[解決済み] Heroku Error R14 (Memory quota exceeded): How do I solve this?
-
[解決済み] Ruby on Railsのマイグレーションでデータベースのカラムの名前を変更するにはどうすればよいですか?
-
[解決済み] Rubyでnilとemptyとblankを理解する方法
-
[解決済み] Rails 4で懸念事項を使用する方法
-
[解決済み] Railsです。ActiveRecordでデフォルト値を設定するにはどうすればよいですか?
-
[解決済み] Rubyのクラス名を取得する方法を教えてください。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Ruby/Rails の「フック」とは何ですか?
-
[解決済み] 新規ユーザー作成時に ActiveModel::ForbiddenAttributesError が発生する。
-
[解決済み] 変更欄のRailsマイグレーション
-
[解決済み] どなたか、collection_selectをわかりやすく説明していただけませんか?
-
[解決済み] Ruby on Railsのためにnetbeansを構成する方法は?
-
[解決済み] rails erb フォームヘルパー options_for_select :selected
-
[解決済み] railsアプリケーションでCookieのオーバーフロー?
-
[解決済み] RVMでRubyのデフォルトバージョンを設定するには?
-
[解決済み] Ruby: public static メソッドを作るには?
-
[解決済み] railsでcheck_boxをcheckedにする方法は?