Angularjs指令不使用img标记

时间:2015-06-02 14:52:44

标签: javascript angularjs

我想替换ng-src独立的img标签。如果我删除ng-src该功能不起作用,如果ng-src ='/ avatars / original / missing.png',那么此功能也无效。 如果ng-src =“http://s3.amazonaws.com/avatars/xxxxxxxxxxxxx.xxx”则可行。

   <img error-img object="target" data-color="#f37a5e" data-width="65px" data-height="65px" data-font-size="24px" ng-src="{{target.avatar_url}}" >

指令代码

AuditionUProfessor.directive 'errorImg', ->
  restrict: 'A'
  scope:
    object: '='
  link: (scope, element, attrs) ->

    chars = "no-image" 
    element.bind('error', ->

      element.replaceWith($("<div class='missing-image' href='javascript:;'>#{chars}</div>")   )
    )
你能帮忙吗?

0 个答案:

没有答案