追加从$ http()到div的响应

时间:2014-06-21 17:23:14

标签: angularjs

我对Angularjs很陌生,我无法弄清楚如何将$ http()的回复附加到div(或任何其他元素)。

我一直在使用jQuery,我知道如何使用该库,这就是为什么我发现很难使用Angular来完成这项任务。

我有一个使用$ http.get()从PHP代理获取数据的指令。我试图将$ http()请求的响应附加到div。

这就是我现在所得到的:

app.directive('displayArticle', ['$http', '$log', function ($http, $log) {
    var replyFromProxy = angular.element('<div></div>');

    $http.get('gp-proxy.php').
        success(function (data) {
            // $log.info(data);

            replyFromProxy = angular.element('<div>' + data + '</div>');
        }).
        error(function (data, status, headers, config) {
            // $log.error(data);
            // $log.error(status);
            // $log.error(headers);
            // $log.error(config);
        });

    return {
        restrict: 'E',
        templateUrl: 'templates/displayArticle.html',
        compile: function (tElem) {
            tElem.append(replyFromProxy);
        }
    };
}]);

displayArticle.html包含空div

我做错了什么? 有更简单或更好的方法吗?

编辑:我要做的是使用gp-proxy.php将外部网页加载到我自己的网页中。主持人不允许CORS,所以这是我的备份计划。

在我的模板中使用ng-include感觉太静态且不够动态,因为我希望能够根据我在原始页面中点击的内容加载不同的页面。

0 个答案:

没有答案