title: og meta tags, social buttons and angularjs
body: <p>I'm creating a website using multiple views.
  The  tag and the  tags of the page get changed through a a $rootScope variable.
  so I have something like </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
     &lt;title ng-bind="page_title"&gt;&lt;/title&gt;
     &lt;meta property="og:title" content="{{page_title}}"&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Whenever each view get loaded on the website, the page_title variable changes and the title and the og:title tags get updated (everything works as expected).</p>
  
  <p>The problem is that I need, on some views to load a facebook, a google+ and a twitter button.
  I can display them properly but if I click on each them the page title appear to be something like:</p>
  
  <pre><code>{{page_title}}
  </code></pre>
  
  <p>I've tried to delay the execution of the scripts of each button using setTimeOut but to no good.
  But the scripts just read whatever is written, they don't parse the page_title.</p>
  
  <p>Does anyone know a workaround to this?</p>
  
  <p>Thank you</p>