在嵌入中绑定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>