Привязка src в embed не работает в chrome

Я использую AngularJs для создания веб-страницы, которая отлично работает в IE и firefox, но когда я попробовал ее в 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;
   }]);
})();

EDIT Ошибка

HTTP ERROR 404

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

    Not Found