how initialize angularjs ng-app after page loaded

Question

A load content from jquery ajax, that contain ng-app="" and other directive. But it does't initialize. Now, How initialize a angularJS initialize ng-app that was added after page loaded.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
<div ng-app="" class="uk-width-3-5 uk-grid">
                    <input class="uk-width-4-5" ng-model="classe" placeholder="Nivel academico..." type="range" min="1" max="13" value="14" name="classe" required>
                    <b class="uk-width-1-5">{{classe}}ª Classe</b>
                </div>

Possible duplicate of How to add ng-app after page load?

Morteza QorbanAlizade
– Morteza QorbanAlizade

2016-09-19 09:50:00 +00:00
Commented Sep 19, 2016 at 9:50 — Morteza QorbanAlizade
– Morteza QorbanAlizade, Commented Sep 19, 2016 at 9:50

g.005 · Accepted Answer · 2016-09-19 09:48:56Z

2

I think you should use angular.bootstrap. Call it when your DOM is ready and everything has been appended.

angular.bootstrap(document, ['myApp']);

This will start angular on the document, as if it had ng-app on it. You can bootstrap it to whatever element you want though.

Hope this helps

answered Sep 19, 2016 at 9:48

g.005

4063 silver badges12 bronze badges

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

Comments

user7986803 · Accepted Answer · 2017-05-09 14:42:40Z

1

<!doctype html>
<html>
<body>
  <div ng-controller="MyController">
    Hello {{greetMe}}!
  </div>
  <script src="http://code.angularjs.org/snapshot/angular.js"></script>

  <script>
angular.module('myApp', [])
  .controller('MyController', ['$scope', function ($scope) {
    $scope.greetMe = 'World';
  }]);

angular.element(function() {
  angular.bootstrap(document, ['myApp']);
});
  </script>
</body>
</html>

Sample example on how to bootstrap an application

answered May 9, 2017 at 14:42

user7986803

Collectives™ on Stack Overflow

how initialize angularjs ng-app after page loaded

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related