Question

我正在使用AngularJs构建一个网页，它在IE和Firefox中运行良好但是当我在Chrome中尝试它时它就停止工作了。我想知道为什么它不能用于chrome以及是否有可能的解决方法。

HTML

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

的Javascript

    (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>

在embed中绑定src在chrome中不起作用

2 个答案: