2016-09-23 4 views
0

私はこの角度JSコード収集画像(Acquiaの狙いのDevデスクトップ)

コントローラ

var app = angular.module('App', []); 
app.controller('Ctrl', function($scope, $http) { 
    $scope.images = []; 
    $http({ 
     method : "GET", 
     url : 'http://docroot.com.dd:8083/catalogue/11/images/json' 
    }).then(function mySucces(response) { 
     $scope.images = response.data; 
    }, function myError(response) { 
     $scope.images = response.statusText; 
    }); 
}); 

JSONを使用して、ローカルサーバーからのデータおよび画像を収集してみてください(Acquiaの狙いのDevデスクトップ)しています

私は画像のURLの代わりに、全体のリンクを収集する必要があり
[{"image":" <a href=\"http:\/\/docroot.com.dd:8083\/sites\/docroot.com.dd\/files\/catalogues\/2016-09\/images\/Pty%20Prs.compressedjpg_Page1.jpg\">Property Press.compressedjpg_Page1.jpg<\/a>"}] 

// i got out put like this : 

<a href=\"http:\/\/docroot.com.dd:8083\/sites\/docroot.com.dd\/files\/catalogues\/2016-09\/images\/Pty%20Prs.compressedjpg_Page1.jpg\">Property Press.compressedjpg_Page1.jpg<\/a> 

+0

から取られたコードは、単に個人的な意見ですが、私はあなたのJSONにHTMLコードを置くことC.ChampagneのIAM @良いアイデア –

+0

ていないことを確認していません私のjsonはHTMLコードに似ていることを確かめてください。 前のページでHTMLを削除できますか? – sarath

+0

JSONを変更できませんか? –

答えて

0

まあ、JSONでHTML要素を送ることは...あなたはそれを変更することはできませんとにかく場合、私の部分については

をするには良いように見えるのではなく、私は組み込みのXMLパーサとHTML文字列を解析します。ここで

this answer

//XML parser 
 
var parseXml; 
 

 
if (typeof window.DOMParser != "undefined") { 
 
    parseXml = function(xmlStr) { 
 
     //should work with any recent browser 
 
     return (new window.DOMParser()).parseFromString(xmlStr, "text/xml"); 
 
    }; 
 
} else if (typeof window.ActiveXObject != "undefined" && 
 
     new window.ActiveXObject("Microsoft.XMLDOM")) { 
 
    //This part is intended to very old browsers 
 
    parseXml = function(xmlStr) { 
 
     var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM"); 
 
     xmlDoc.async = "false"; 
 
     xmlDoc.loadXML(xmlStr); 
 
     return xmlDoc; 
 
    }; 
 
} else { 
 
    throw new Error("No XML parser found"); 
 
} 
 

 
//Your code 
 

 
var jsonContent= [{"image":" <a href=\"http:\/\/docroot.com.dd:8083\/sites\/docroot.com.dd\/files\/catalogues\/2016-09\/images\/Pty%20Prs.compressedjpg_Page1.jpg\">Property Press.compressedjpg_Page1.jpg<\/a>"}]; 
 

 
var elem = jsonContent[0].image; 
 

 
var link = parseXml(elem); 
 

 
try { 
 
\t document.getElementById("out").innerHTML = link.documentElement.getAttribute("href"); 
 
} catch (e) { 
 
    alert(e); 
 
}
<span id="out" />

関連する問題