角度和正確的方式來加載網頁

一直試圖找出這一個。所以有一個網頁，我想要加載另一個網頁（或更具體地說，從另一個網頁的頁面）到一個div。它基本上是我想要顯示的一個新的代碼。角度和正確的方式來加載網頁

我的問題是，實際地址是存儲在mongodb，我可以retreieve一切正常。比方說，這是http://www.google.com

這是店Webcont.url（有一個Webcont.name以及其中包含一個簡短的名稱爲每個頁面）我本來以爲我能做到沿線的東西的

<div ng-include="Webcont.url"></div> 
    //or 
    <object data="Webcont.url"></object> 
//or even 
<object data="{{Webcont.url}}></object>

或任何其他模式，但我不能爲我的生活找到辦法做到這一點。搜索條件是網址，包含，加載，對象和數據都無濟於事。在google上引發大量命中的術語:)

2015-02-11 vrghost

小提琴或jsBin會幫助這裏。什麼錯誤被拋出（如果有的話）？你看過ng-bind-html-unsafe？ Angular注意直接插入到DOM中的內容，因此可能與它有關。 – ccnokes 2015-02-11 23:07:42

您不能僅僅使用ng-include加載來自其他域的內容，因爲這是安全風險。您可以使用$sce.trustAsResourceUrl(value)解決該問題。 $sce service（嚴格上下文轉義）通常用於安全加載動態HTML。

2015-02-11 23:17:16 Ninjarabbi

好的，原來是比較直接的，所以我最終使用了ng-bind-html，這足夠奇怪地需要嵌入它的語句。不確定我已經理解了ng-bind-html。

您需要兩位，一個生成HTML類型標記的部分。因此，在您的控制器中添加

var culine = '<iframe src="' + fside.surl + '" height="700" width="700"></iframe>'; 
     console.log(culine); 
     return $sce.trustAsHtml(culine);

基本上，fside.surl可以是任何包含完整網址的字符串。第二件事是$ sce.trustAsHtml，它基本上允許你從其他域加載。的HTML代碼如下所示：

<div id="front-page" ng-bind-html="showpane('front')"></div>

在這種情況下，我使用了一個名爲showpane功能來搜索網頁的列爲前的頁面，然後檢查URL並返回。希望它有幫助:)

2015-02-12 22:47:03 vrghost

回答