2016-09-19 2 views
0

Загрузите контент из jquery ajax, который содержит ng-app = "" и другую директиву. Но он не инициализируется. Теперь, как инициализировать angularJS инициализировать ng-приложение, которое было добавлено после загрузки страницы.как инициализировать 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

Возможного дубликат [Как добавить нг-приложение после загрузки страницы?] (Http://stackoverflow.com/questions/25456183/как к надстройке нг-приложение-после загрузки страницы) –

ответ

1

Я думаю, вы должны использовать angular.bootstrap. Назовите это, когда ваш DOM готов, и все добавлено.

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

Это запустит угловой документ, как если бы на нем было ng-приложение. Вы можете загружать его в любой элемент, который вы хотите.

Надеется, что это помогает

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> 

Sample примеру того, как для загрузки приложения

Смежные вопросы