jQuery .load() 等效 AngularJS

Question

jQuery中是否有等同于$.load()的AngularJS？我希望能够从另一个域中提取内容（即 post 一个域上的应用程序，但从一个完全独立的地址加载内容）。

Answer 1

我想您可以使用 ng-include . It has got a built-in onLoad method you can call to get your data from the remote address by using $http 或 $resource 模块来完成。

Answer 2

Is there an AngularJS equivalent to $.load() in jQuery?

一般情况下，可以在angularjs的controller中写一些代码，而不是jQuery的$.load函数。

您的代码将是这样的。

angular.module('YourModule', [])
.controller('YourController', function($http){
    // You can write some code here !!
    //$http.get(...
    //$http.post(...
});

I want to be able to pull from another domain (i.e. post the app on one domain, but load content from a completely separate address).

我的建议取决于您的内容是否包含 HTML 标签。

如果不包含 HTML 标签，您可以像上面那样编写代码。

如果包含 HTML 标签，我建议编写一些自定义指令代码。

Answer 3

jQuery 的使用方法并不真正适合 Angular，你不会在那里找到 load 等价物（你显然可以使用 jQuery 而不是 jqLite，如果你非常想要它）。

Angular 建议将 ngInclude 指令用于类似的副手场景。否则，您需要制定自己的指令并将 $http 请求的结果写入元素，尤其是在您需要更多控制的情况下。

如果你想 'get content from a particular div'，你将需要加载 jQuery 以在响应时使用选择器，这样的东西相当于 load:

app.directive('load', function ($http, $compile) {
    return {
        link: function (scope, element, attrs) {
            $http.get('link.htm').success(function (response) {
                var contents = angular.element("<div>").html(response).find("#someelement");
                element.empty().append($compile(contents)(scope));
            });
        }
    }
});

Answer 4

我制作了刷新指令并通过编译调用点击事件，它对我有用

.directive('refreshConfirm', function($http,$compile) {
    return {
        restrict: 'A',
        link: function postLink(scope, element, attrs) {
            element.bind('click', function () {

                $http.get(page_url).then(successCallback, errorCallback);
                function successCallback(response){
                    //success code
                    var ty=response.data;
                    var appi=angular.element(document.querySelector('#page_content')).html($compile(ty)(scope));
                }
                function errorCallback(error){
                    //error code
                    alert('error');
                }                       

            });
        }
    };
})

jQuery .load() 等效 AngularJS

jQuery .load() equivalent AngularJS

jquery

angularjs

cross-domain