在嵌入中綁定src在Chrome中不起作用

Question

我正在使用AngularJs來構建網頁，它在IE和firefox中可以正常工作，但是當我在chrome中嘗試時，它就無法正常工作。 我想知道為什么它不能在chrome中工作，以及是否有可能的解決方法。

的HTML

<div data-ng-controller="documentController">
    <embed src={{documentId}} height="600" width="100%"/>
</div>

Java腳本

    (function(){

   var document = angular.module('document', []);

    document.controller('documentController', ['$scope', '$routeParams', function($scope, $routeParams){
        $scope.title = 'Document';
        $scope.documentId = "document/" + $routeParams.documentId;
   }]);
})();

編輯錯誤

HTTP ERROR 404

Problem accessing /%7B%7BdocumentId%7D%7D. Reason:

    Not Found

Answer 1

document是瀏覽器環境（ docs ）中的全局變量，據我所知，它不能被覆蓋（也許在某些舊的瀏覽器中）。 嘗試為模塊選擇另一個名稱，以防止出現不良情況。

Answer 2

我發現的解決方案是添加一個iframe，嵌入和對象不起作用

<iframe ng-src="{{ruta}}" width='800' height='350' frameborder="0" scrolling="no">
    <p>You browser not support iframes.</p>
</iframe>