2016-09-19 105 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> 

樣品例如

相關問題