页面加载后如何初始化angularjs ng-app答案

【问题标题】：how initialize angularjs ng-app after page loaded页面加载后如何初始化angularjs ng-app
【发布时间】：2017-05-09 22:42:40
【问题描述】：

从 jquery ajax 加载内容，包含 ng-app="" 和其他指令。但它没有初始化。现在，如何初始化 angularJS 初始化页面加载后添加的 ng-app。

<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>

【问题讨论】：

How to add ng-app after page load?的可能重复

标签： jquery angularjs ajax

【解决方案1】：

我认为你应该使用 angular.bootstrap。当你的 DOM 准备好并且所有内容都已附加时调用它。

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

这将在文档上以角度开始，就好像它上面有 ng-app。你可以将它引导到你想要的任何元素。

希望对你有帮助

【讨论】：

【解决方案2】：

<!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>

关于如何引导应用程序的示例

【讨论】：