angularjs $compile not working for custom template

Question

im trying to render a custom template using the $compile but i keep getting

unrecognized expression: {{senddata}}

My code is like below

app.controller('MainCtrl', function ($scope, ngDialog,$http,$compile){
      $scope.afterasset = function (selectedValues) {
           $scope.senddata = 'testdata';
           var data = $compile( '{{senddata}}' )( $scope );
      }
}

Any idea guys ? thanks :)

usage is correct. can you provide a plnkr

CodingNinja
– CodingNinja

2014-11-21 06:32:02 +00:00
Commented Nov 21, 2014 at 6:32 — CodingNinja
– CodingNinja, Commented Nov 21, 2014 at 6:32

Community · Accepted Answer · 2014-11-21 12:16:09Z

1

Its does't work because $compile provider need a HTML string with element tags or wraped jQlite element.

Try -

app.controller('MainCtrl', function ($scope, ngDialog,$http,$compile){
      $scope.afterasset = function (selectedValues) {
           $scope.senddata = 'testdata';
           var data = $compile( '<p>{{senddata}}</p>' )( $scope );
      }
}

edited Nov 21, 2014 at 12:16

CommunityBot

11 silver badge

answered Nov 21, 2014 at 6:36

Narek Mamikonyan

4,6112 gold badges27 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angularjs $compile not working for custom template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related