Compile JS after HTML loaded

Question

So I'm wanting to compile some JS code after the HTML is loaded.

var gifApp = angular.module('gifApp', []);

function MainCtrl ($scope) {
  $scope.push = function() {
    $("body").html("<div>{{ 1 + 1 }}</div>")
  }
}

Whenever the function push is called {{ 1 + 1 }} is displayed on the screen when I really want 2. Is it not possible to compile the code after the window is done loading? If it is possible, how do I fix this.

I made a new question referencing specifically the problem I'm having. stackoverflow.com/questions/20061111/… — thank_you
– thank_you, Commented Nov 19, 2013 at 0:56

A.O. · Accepted Answer · 2013-11-19 00:47:57Z

2

You are feeding the html() method a string, it is working correctly. I would change it to something like this:

var sum = 1 + 1;
$("body").html("<div>" + sum + "</div>");

answered Nov 19, 2013 at 0:47

A.O.

3,7636 gold badges32 silver badges49 bronze badges

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

1 Comment

thank_you Over a year ago

Hmm thanks. I have a different variation to the question but you answered it correctly.

Collectives™ on Stack Overflow

Compile JS after HTML loaded

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related