Broken image inside directive

[9mm]

Hello,

I'm using an image source dynamically inside a directive. It works fine with grunt serve, but breaks under grunt serve:dist. Is there an extra step I need to do? Sorry if this isn't the right place to put this, I'm not sure the best place to ask.

Thanks!

app.directive('summary', function() {
  var summaryTemplate = 
    '<div id="summary">' +
      '<h1><img ng-src="/assets/images/sidebar/{{icon}}.png" alt="icon">{{title}}</h1>' +
      '<div ng-show="active" ng-transclude class="summary-content"></div>' +
    '</div>';
    // ... more code ...

[DaftMonk]

Thats probably breaking because the rev task is renaming images for caching purposes, and it's not recognizing that as an image because the angular expression.

You can ignore specific folders and images by adding a negative file list to the end of the rev tasks list of files:

        '!<%= yeoman.dist %>/public/assets/images/sidebar/*'

[9mm]

Is it possible I can do the inverse, and add some kind of setting to useminPrepare to get it to recognize angular directives? (just so it's consistent I guess)

[9mm]

Nevermind... I guess I will just use a class and move it to CSS.

[kingcody]

@9mm, I've found that to be the easiest solution as well. Also moving the template to an html(type) file works to.