javascript - 在嵌入中绑定(bind) src 在 chrome 中不起作用

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 )，据我所知它不能被覆盖(也许它可能在某些旧浏览器中)。尝试为您的模块选择其他名称，以防止出现不良情况。