Recompile angularJS component?

Question

I want to recompile / compile the template of my component. I am loading an external module with $onInit, and things just show up when I navigate somewhere else in the page and then back again to the page that loads the module.

I thought that I maybe could compile the template. Do you know a way how I could do that?

Edit:

If I use compile in my code, nothing happens

controller: {
$onInit(){
this.$ocLazyLoad.load('some.module.js');
 }
},

template:
'<p>Sample text here</p>',

compile: function (tElement, tAttrs) {
    return function(scope) {
        scope.widgetCenter = tAttrs.widgetCenter;
    };

}

Supradeep · Accepted Answer · 2016-10-05 13:16:15Z

2

If the template contents are in a variable "templateContent". You can use the "$compile" service of angular as shown below :

$compile(templateContent)(scope);

Find the example here

answered Oct 5, 2016 at 13:16

Supradeep

3,2661 gold badge18 silver badges28 bronze badges

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

3 Comments

julesrose Over a year ago

ok... lets say I have a template. I want to $compile that. Where should I add this in my code? Or is it better to create a variable, reference it as my template and then $compile(variable)(scope) ?

Supradeep Over a year ago

You should do it in your directive, as shown in the example link i've given. If you can share a fiddle or a sample code it'd be helpful. If you think my answer has helped you, please mark it as accepted answer so that we can work on other questions.

julesrose Over a year ago

I also read that I could do $compile in a directive, but I am using a component, no directive...

Collectives™ on Stack Overflow

Recompile angularJS component?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related