using directive in ng-bind-html

Question

Im trying to call a directive to change view based on my tab click.

My directive:

Proj.directive('tab1', function() {
    return {
        restrict:'E',
        templateUrl:'partials/overviewPage.html'
    };
});

and my controller:

$scope.selectTab = function(tab){
        if(tab == 'something'){
            $scope.content = '<tab1></tab1>';
        }
    }

and the div Im trying to change

<div ng-bind-html="content"></div>

Im trying to click on tab to show overviewPage.html page. But its not working properly.

Any suggestion, as I have just started with angularjs

Thanks.

pkozlowski.opensource · Accepted Answer · 2014-02-12 09:20:41Z

1

This won't work, ng-bind-html will just insert HTML into the DOM tree without triggering AngularJS directives to be processed.

If you want to insert "live" HTML into the DOM, where all the directives are "live" you would have to compile it first (http://docs.angularjs.org/api/ng.$compile) and then attach to the DOM tree. This is usually done in a directive.

answered Feb 12, 2014 at 9:20

pkozlowski.opensource

117k60 gold badges329 silver badges286 bronze badges

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

Collectives™ on Stack Overflow

using directive in ng-bind-html

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related