2016-01-18 29 views
1

我是從外部網站使用WP-API提取數據,並使用AngularJS顯示它 - http://dev.5874.co.uk/goshooting/search-the-shooting-club-directory/WP-API和HTML標記

數據以細拉,但它顯示的HTML標記,如

如何我能阻止這個嗎?我也使用高級自定義字段,這可能是有助於。

<div ng-controller="northWestCtrl"> 
       <div ng-repeat="d in data"> 
       <h2 class="entry-title title-post">{{d.title}}</h2> 
       <img src="{{d.acf.logo}}"> 
       <div id="listing-contact">Contact: {{d.acf.contact}}, {{d.acf.position}}</div> 
       <div id="listing-address-1"> 
        {{d.acf.address_1}}, {{d.acf.address_2}} {{d.acf.address_3}} {{d.acf.town}} {{d.acf.county}} {{d.acf.postcode}} 
       </div> 
       <div id="listing-phone">Telephone: {{d.acf.telephone}}</div> 
       <div id="listing-mobile">Mobile: {{d.acf.mobile}}</div> 
       <div id="listing-email">Email: {{d.acf.email}}</div> 
       <div id="listing-website">Website: <a href="{{d.acf.website}}">{{d.acf.website}}</a></div> 
       <div id="listing-established">Established: {{d.acf.established}}</div> 
       <div id="listing-about">About: {{d.acf.about}}</div> 
       <div id="listing-mailingaddress">Mailing Address: {{d.acf.mailing_address_}}, {{d.acf.mailing_address_2}}, {{d.acf.mailing_address_3}}, {{d.acf.mailing_town}}, {{d.acf.mailing_county}}, {{d.acf.mailing_postcode}}</div> 
       <div id="listing-directions">Directions: {{d.acf.directions}}</div> 
       <div id="scd-link"><a href="{{d.link}}">View on The Shooting Club Directory</a></div> 
       </div> 
      </div> 
      </div> 

這裏是工作的代碼也鋼筆 - http://codepen.io/anon/pen/yePYdq

任何幫助,將不勝感激,謝謝!

回答

0

如果我理解你的權利,你使用這個網站與API讓你的數據http://scd.blaze.wpengine.com/wp-json/posts?type=listings&filter[listing_area]=northeast

而且您的控制檯顯示錯誤

[Error] XMLHttpRequest cannot load http://scd.blaze.wpengine.com/wp-json/posts?type=listings&filter[listing_area]=northeast. Origin http://dev.5874.co.uk is not allowed by Access-Control-Allow-Origin. 

也許這個鏈接將有助於Origin is not allowed

+0

是的,我得到來自API網址的數據,但它拉動了我需要擺脫的HTML標籤,並且只顯示文本而沒有標籤

+0

另外我認爲錯誤是與我的開發網站,這個代碼將被鑼成一個不同的網站,應該是罰款@Dreamm –