2014-04-29 37 views
6

AngularJS'de bir sorunum var ve bazı göstergelere ihtiyacım var.Dıştaki URL'yi ng-içinde kullanma AngularJS'ye dahil

Harici bir URL'yi (ör. http://www.w3schools.com) gömmek istediğim bir görünüm var. Gömülü html sayfası, tıklama ve normal html sayfası gibi dokunma gibi etkinliklere yanıt vermelidir.

Çalışmayı almak için ng-include yönergesini kullandım. İşte

bir kod parçacığı: Ben harici html yüklerseniz

<ion-content> 
     <div ng-include src="'http://www.w3schools.com'"</div> 
    </ion-content> 

, ben yüklü harici web sayfasını alıyorum, ancak sayfanın içindeki tüm bağlantılar kırık. Yüklenen sayfanın içindeki herhangi bir bağlantıyı tıklarsam, tüm bağlantılar harici URL yerine şimdi localhost'a işaret eder.

Bu sorunu nasıl düzeltebilirim?

Şimdiden teşekkürler!

+0

Merhaba, sorun etki alanları arası erişimden kaynaklanıyorsa, lütfen nasıl düzeltebilirim? – Biswarup

+0

Bağlantılar, göreli ve mutlak URL'ler değil, bu sayfadaki tüm bağlantılar tam url http://www.w3schools.com/about ve çalışmaz/hakkında çalışmadığı sürece anlamsız olduğu için yerel ana bilgisayara işaret eder. Sunucunuzda/hakkında görünecektir. Bu, nasıl kullanılacağı anlamına gelmiyordu, ancak eğer bu şekilde kullanmak istiyorsanız, önce URL'nin $ http.get'ini yapan ve sonra html'yi görüntüleyen ve tüm bağlantıları değiştiren özel bir yönerge oluşturmanız gerekecektir. geldikleri alandan mutlak olmak. – btm1

+0

Giriş için teşekkürler. Sayfamın içinde URL'leri değiştirmeden çevrimiçi bir html gömmek için başka bir yolu var mı? Iframe yaklaşımını denedim, ancak iframe'de dokunma çalışmıyor. – Biswarup

cevap

7

Gerçekten de dış siteyi kendi görünümünüzde barındırmak istediğiniz gibi geliyor ve sonra bir iframe'e bağlamanız gerekiyor. sadece okur çünkü

<iframe src="http://www.w3schools.com"></iframe> 

bir şey sihirli/dinamik şeyler olmaya isterseniz, işleyicileri içeriği ayrıştırmak ve URL'ler yeniden yazmak, eklemek gerekir vb beklenen gibi çalışmıyor ng-dahil nedenidir Bu url'nin içeriği ve onu "as-if" görünümünüze gömmüştür, sadece yaptığınız bir şablon (açısal işaretleme dahil) ve bir nedenden dolayı dışarıda barındırılmak istendi.