Возможность загрузки Angular JS страницы с AJAX?

0

У меня есть главная страница:

index.html

<div id="ajaxContent"></div>
<button onclick="callAjax()">Click</button>
<script>
function callAjax() {
        $.ajax({
            type: "POST",
            url: "angular.html",
            data: data,            
            success: function (response) {
                $("#ajaxContent").html(response);
            }
        });
    }
</script>

И в angular.html

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script>angular.module("myApp").controller("myCtrl", function ($scope) {
$scopr.test="hello!";
});
</script>
<div ng-app="myApp" ng-controller="myCtrl">
{{test}}
</div>

но после загрузки ajax всегда говорит, что "угловой не определен" есть ли способ сделать это? спасибо.

Теги:

1 ответ

0

Первое, что я бы сказал, не нужно использовать jQuery для AJAX, когда вы можете использовать угловую службу $ http. Если вы хотите загрузить весь html файл на основе какого-либо условия, вы можете использовать директиву или угловую маршрутизацию.

На мой взгляд, неправильно делать это так, чего вы пытаетесь достичь?

Я абсолютно уверен, что ваша проблема с угловым определением не связана с тем, что вы не ставите <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> на странице, где вы пытаетесь вставить этот HTML- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>.

  • 0
    Спасибо за ваш ответ! На самом деле страница index.html не моя, и кто-то использует мой файл .js, включенный в страницу, и вызывает функцию ajax для загрузки содержимого, такого как «index.html» выше, так что эта часть содержимого также динамическая.
  • 0
    Я не уверен, что это сработает, других предложений нет, извините.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню