Question

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

Answer 1

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

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

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

希望这有帮助

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

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

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

2 个答案: