AngularJS - Append html with ng-include

Question

$scope.selectNode = function(node){
    $(".withOptions").append('<li id="list_7"><div><i class="icon20 i-folder-open"></i> '+node.title+' <i class="icon16 i-arrow-down-2"></i><div ng-include="\'http://localhost/test/public/admin/theme\'"></div></div></li>');
}

This code add to my list this li item. But ng-include dosn't not compile from angularJS

What can i do...?

Is there any reason you can't use a directive?

msarchet
– msarchet

2013-11-09 18:45:25 +00:00
Commented Nov 9, 2013 at 18:45 — msarchet
– msarchet, Commented Nov 9, 2013 at 18:45
Do you have any example with directive?

Michalis
– Michalis

2013-11-09 18:54:59 +00:00
Commented Nov 9, 2013 at 18:54 — Michalis
– Michalis, Commented Nov 9, 2013 at 18:54

nikita-graf · Accepted Answer · 2013-11-10 08:17:02Z

2

Possible that will work in this way:

$scope.selectNode = function(node){
     $(".withOptions").append($compile('<li id="list_7"><div><i class="icon20 i-folder-open"></i> '+node.title+' <i class="icon16 i-arrow-down-2"></i><div ng-include="\'http://localhost/test/public/admin/theme\'"></div></div></li>')($scope))
}

edited Nov 10, 2013 at 8:17

answered Nov 9, 2013 at 19:09

nikita-graf

3962 silver badges6 bronze badges

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

2 Comments

Michalis Over a year ago

SyntaxError: missing name after . operator

nikita-graf Over a year ago

Sorry, forgot "append". Also you will need to inject "$compile" into the function where you use this code.

Collectives™ on Stack Overflow

AngularJS - Append html with ng-include

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related