我对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
感觉太静态且不够动态,因为我希望能够根据我在原始页面中点击的内容加载不同的页面。