处理angularjs和middleman上的资产

时间:2014-08-02 21:37:25

标签: javascript angularjs sprockets middleman

我很难将angularjs集成到我的中间人应用程序中。我正在关注angularjs的phonecatApp教程和关于模板化和链接图像的教程6。输出很好,但是控制台上显示了一个烦人的错误。

GET http://localhost:4567/images/ 404 (Not Found)

现在我读到将角度表达式直接放到图像元素的src属性时出现此问题,因此建议将其置于ng-src指令中,但是我&#39 ;我正在使用帮助器,它给了我这个错误。这是我的代码:

= image_tag nil, "ng-src" => asset_path(:images, "{{phone.imageUrl}}")

1 个答案:

答案 0 :(得分:0)

image_tag帮助器在任何情况下都会添加src属性(请参阅http://www.padrinorb.com/api/Padrino/Helpers/AssetTagHelpers.html#image_tag-instance_method,点击查看来源'):

# File 'padrino-helpers/lib/padrino-helpers/asset_tag_helpers.rb', line 253

def image_tag(url, options={})
  options.reverse_merge!(:src => image_path(url))
  tag(:img, options)
end

由于image_tag内部只使用tag帮助,您可以通过...获得结果。

= tag :img, "ng-src" => asset_path(:images, "{{phone.imageUrl}}")