Angular2がPDFを表示しようとしています

Question

私のページにPDFファイルを表示しようとしています。以下のために私はこのようなオブジェクトタグを使用していますことをやる、それが動作します：

<div style="width:100%;height:100%;position:relative;background-color:white"> 
    <object data="http://eloquentjavascript.net/Eloquent_JavaScript.pdf" 
    type="application/pdf" width="100%" height="100%"> 
    <param name="view" value="Fit" /> 
    </object> 
</div> 

しかし、私はこのように、動的にオブジェクトデータを設定する必要があります。

<div style="width:100%;height:100%;position:relative;background-color:white"> 
    <object data="{{url}}" 
    type="application/pdf" width="100%" height="100%"> 
    <param name="view" value="Fit" /> 
    </object> 
</div> 

私が定義したURLを、それPDFファイルが表示されませんでした。私がやりたいと思っていることの例を作成しました： http://plnkr.co/edit/6xE1Q7YzcD8eB0K4lP8Y

私が間違っていることを何か提案してください。

おかげに関して、 エドゥ

Answer 1

はChromeで正常に動作するようです。

一部のブラウザ（IE）が解決しました{{url}}" before Angular got a chance to replace the binding by the bound value which results in an error because {{url}} `は有効なURLではありません。

あなたは

<object [data]="url" 

または

<object [attr.data]="url" 

または

<object attr.data="{{url}}"