リンクのタグに背景画像をインラインスタイルで追加するには

Question

私はこの権利を得ることができません。

私はActionCableを使用しています。私のレールアプリでは、部分的にURLを送信する際に問題があります。これを修正するために、私はCSSに画像を設定する作業をさせ、画像を動的に設定できるようにするつもりです。ビューにアクセスする必要があるため、インラインCSSにする必要があります。

.message 
    %a.message_profile-pic{ :href => "", {:style=>"background-image:url('avatar.png')" } } 

私はちょうどテストとして私app/assets/imagesディレクトリにavatar.pngというイメージを持っています。今は空のタグですが、アプリのプロファイルセクションを整理するとlink_toになります。

私は、次のエラーを取得しています：

SyntaxError - syntax error, unexpected ')', expecting => 
...nd-image:url('avatar.png')" })}></a>\n #{ 

私はこれを設定するにはどうすればよいですか？私はRails 5 rc1とRuby 2.3をブートストラップとともに使用しています。

注：私も同じ結果と新しいHAML構文を試してみました

：

%a.message_profile-pic{ :href => "", style: {background-image: "url('avatar.png')"}} 

編集が

ここでは、より良いエラーが私を示しているものです。

のフルスタックトレースは次のようになります。

:style => "background-image: url(#{image_path "avatar.png"})" 

がimage_pathについての詳細を見つけるために：あなたはこのような何かを行うことができ

SyntaxError - syntax error, unexpected ')', expecting => 
    ...nd-image:url('avatar.png')" })}></a>\n #{ 
    ...        ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:6: unknown regexp option - a 
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:6: syntax error, unexpected $undefined 
    ));}\n </a>\n <span class='message_timestamp'>\n #{ 
       ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:6: syntax error, unexpected keyword_class, expecting keyword_do or '{' or '(' 
    ));}\n </a>\n <span class='message_timestamp'>\n #{ 
          ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:6: syntax error, unexpected $undefined 
    ));}\n </a>\n <span class='message_timestamp'>\n #{ 
                ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:8: syntax error, unexpected '}', expecting tSTRING_DEND 
    ));}\n </span>\n <span class='m... 
     ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:8: unknown regexp options - pa 
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:8: syntax error, unexpected $undefined 
    ...n class='message_star'></span>\n <span class='message_conte... 
    ...        ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:8: syntax error, unexpected keyword_class, expecting keyword_do or '{' or '(' 
    ...ge_star'></span>\n <span class='message_content'>\n #{ 
    ...        ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:8: syntax error, unexpected $undefined 
    ...<span class='message_content'>\n #{ 
    ...        ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:11: syntax error, unexpected '}', expecting tSTRING_DEND 
    ));}\n </span>\n</div>\n", -2, f... 
     ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:11: unknown regexp options - dv 
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:11: syntax error, unexpected $undefined 
    ));}\n </span>\n</div>\n", -2, false);::Haml::Util.h... 
          ^
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:11: unterminated string meets end of file 
    /Users/ruberto/Personal/Projects/splat/app/views/messages/_message.html.haml:11: syntax error, unexpected end-of-input, expecting tSTRING_DEND: 

Answer 1

。