Template of directive with replace:true is not compiling when directive is in another external template

[danilsomsikov]

See http://jsfiddle.net/fuqwM/8/

[pheuter]

Running into this issue on Angular 1.1.5 while trying to test an element directive with replace: true:

beforeEach ->
    module 'app'

    inject ($rootScope, $compile) ->
      scope = $rootScope.$new()

      element = angular.element("<div>\n  <section name=\"Data\" icon=\"eye\"></section>\n</div>")

      $compile(element)(scope)
      scope.$digest()


  it 'should replace directive with template', ->
    console.log "ELEMENT: " + element.html()

In the test output, the html returns dom with the <section> directive instead the directive's template.

[petebacondarwin]

where is your section directive definition? Is it loading the template asynch (i.e. using templateUrl)?

[pheuter]

Yes. In this particular scenario, $templateCache is used in a file loaded prior to the test.

[petebacondarwin]

So in this case the template will be loaded async (even though it is in the cache). Can you check whether the directive is actually being compiled? Would you be able to provide a running example of the problem?

[pheuter]

Getting a weird error now when running on Plunker: http://plnkr.co/edit/ufrNwS3CPuFpDNy6LVoU?p=preview

TypeError: Cannot read property 'compile' of undefined

[pheuter]

Never mind the TypeError, I forgot to return the directive object definition. The problem of not replacing the directive template still persists though.

[pheuter]

@IgorMinar Any ideas?

[paulyoung]

This is an issue again as described in #3245.