如何添加背景图像内联样式以链接标签Rails

我只是似乎无法正确地做到这一点。

在我的Rails应用程序中，我正在使用ActionCable，它存在通过局部发送URL的问题。为了解决这个问题，我将让CSS完成设置图像的工作，仅允许动态设置图像，因此我将需要访问视图，因此这必须是内联CSS。

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

app/assets/images作为测试，我的目录中有一个名为avatar.png的图像。现在它是一个空的a-tag，但是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')"}}

编辑

这是更好的错误向我显示：

完整的堆栈跟踪如下所示：

    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: