2016-09-19 103 views
0

来自jquery ajax的包含ng-app =“”和其他指令的加载内容。 但它没有初始化。 现在,如何初始化加载页面后添加的angularJS初始化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>

+0

的可能的复制[如何页面加载之后添加NG-应用程序吗?(http://stackoverflow.com/questions/25456183 /如何到添加-NG-APP-后,页面加载) –

回答

1

我认为你应该使用angular.bootstrap。当你的DOM准备就绪并且所有东西都被追加时调用它。

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

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

希望这有助于对如何引导应用

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

样品例如

相关问题