title: angularjs ng-src within iframe
body: <p>I am trying to get ng-src to work in an iframe, but I can't seem to figure it out. Is it possible?</p>
  
  <pre><code>&lt;div class="row" ng-init="video='http://www.youtube.com/embed/gMW8jUX14Y0'"&gt;
    &lt;div class="col-md-12"&gt;
      &lt;!-- 16:9 aspect ratio --&gt;
      &lt;div class="embed-responsive embed-responsive-16by9"&gt;
        &lt;iframe class="embed-responsive-item" ng-src="{{ video }}"&gt;&lt;/iframe&gt;
      &lt;/div&gt;     
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The page loads a blank iframe and it never refreshes.
  on the same page I can include this code and it works just fine.</p>
  
  <pre><code>&lt;a ng-href="{{ video }}"&gt;Link&lt;/a&gt;
  </code></pre>