title: angularjs expression in html <object> tag
body: <p>I have a scope like <code>$scope.doc_details</code> in my angularjs controller, and I want to use it to display a pdf file by using a  tag, like this:</p>
  
  <pre><code>&lt;object data="{{doc_details.file_url}}" type="application/pdf"&gt;&lt;/object&gt;
  </code></pre>
  
  <p>but it doesn't get loaded in the browser, in my chrome console, all I see is:</p>
  
  <pre><code>Failed to load resource: the server responded with a status of 404 (Not Found) 
  http://localhost/%7B%7Bdoc_details.file_url%7D%7D
  </code></pre>
  
  <p>and when I just display it using <code>&lt;span&gt;{{doc_details.file_url}}&lt;/span&gt;</code> it show the value.</p>