Можно ли запустить эту функцию без использования ng-app?

Question

Мое приложение AngularJS содержит 2 тега ng-app в html, и, как показывают исследования, это означает, что запускается только первый.

У меня есть этот метод здесь

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js">
</script>
<script>
    var app = angular.module("MyApp", []);

    app.controller('myCtrl', function($scope, $http) {
        $http({
            method : "GET",
            url : "http://localhost:5050/get_time"
        }).then(function successCallBack(response) {
            $scope.jsonResponse = response.data;
        }, function errorCallBack(response) {
            $scope.jsonResponse = "failed"
        });
        angular.bootstrap(document.getElementById("App"), ['MyApp']);
    });
</script>
<div ng-app = "MyApp" ng-controller="myCtrl">

    <p>Response of JSON Below:</p>
    <h1>{{jsonResponse}}</h1>

</div>

, как вы можете видеть эту строку здесь

<div ng-app = "MyApp" ng-controller="myCtrl">

В основном мне просто нужно, чтобы моя функция работала без использования ng-app isэто возможно?

Answer 1

Чтобы загрузить второе приложение, используйте angular.bootstrap:

<div id="app2" ng-controller="myCtrl">    
    <p>Response of JSON Below:</p>
    <h1>{{jsonResponse}}</h1>    
</div>

angular.module("MyApp", [])
.controller('myCtrl', function($scope, $http) {
    $http({
        method : "GET",
        url : "http://localhost:5050/get_time"
    }).then(function successCallBack(response) {
        $scope.jsonResponse = response.data;
    }, function errorCallBack(response) {
        $scope.jsonResponse = "failed"
    });
});

angular.element(function () {
    angular.bootstrap(document.getElementById("app2"), ['MyApp']);
});

Из документов:

Что нужно иметь в виду

Есть несколько вещей, которые нужно иметь в виду, независимо от автоматической или ручной загрузки:

• Хотя можно загрузить более одного приложения AngularJS на страницу, мы не проводим активного тестирования по этому сценарию. Возможно, у вас возникнут проблемы, особенно со сложными приложениями, поэтому рекомендуется соблюдать осторожность.

Для получения дополнительной информации см.

• Руководство разработчика AngularJS - ручная инициализация
• AngularJS angular. Справочник по API функции начальной загрузки