title: Angular js scope var value in iframe
body: <p>I am working with angular js . I have a controller "youTubePlayerCtrl", in this controller i have $scope.videoID which contains the youtube video id. I am able to get this value in belows div in h1 block . but i am not able to get {{videoID}} in iframe, can any one help me how to fix this.</p>
  
  <pre><code>&lt;div ng-controller="youTubePlayerCtrl"&gt;
      &lt;h1&gt;{{videoID}}&lt;/h1&gt;
      &lt;iframe class="youtube-player" type="text/html" width="auto"
          height="auto" src="http://www.youtube.com/embed/{{videoID}}"
          allowfullscreen frameborder="0"&gt; &lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the error log:</p>
  
  <blockquote>
    <p>[$interpolate:noconcat]
    <a href="http://errors.angularjs.org/undefined/" rel="nofollow">http://errors.angularjs.org/undefined/</a>$interpolate/noconcat?p0=http%3A%2F%2Fwww.youtube.com%2Fembed%2F%7B%7BvideoID%7D%7D
        at Error ()
        at <a href="http://code.angularjs.org/1.2.0-rc.2/angular.min.js:6:453" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular.min.js:6:453</a>
        at g (<a href="http://code.angularjs.org/1.2.0-rc.2/angular.min.js:69:467" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular.min.js:69:467</a>)
        at b.push.compile (<a href="http://code.angularjs.org/1.2.0-rc.2/angular.min.js:54:6" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular.min.js:54:6</a>)
        at l (<a href="http://code.angularjs.org/1.2.0-rc.2/angular.min.js:47:124" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular.min.js:47:124</a>)
        at f (<a href="http://code.angularjs.org/1.2.0-rc.2/angular.min.js:41:361" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular.min.js:41:361</a>)
        at l (<a href="http://code.angularjs.org/1.2.0-rc.2/angular.min.js:47:64" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular.min.js:47:64</a>)
        at f (<a href="http://code.angularjs.org/1.2.0-rc.2/angular.min.js:41:361" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular.min.js:41:361</a>)
        at <a href="http://code.angularjs.org/1.2.0-rc.2/angular.min.js:40:434" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular.min.js:40:434</a>
        at <a href="http://code.angularjs.org/1.2.0-rc.2/angular-route.min.js:7:148" rel="nofollow">http://code.angularjs.org/1.2.0-rc.2/angular-route.min.js:7:148</a>  angular.js:7861 (anonymous
    function)</p>
  </blockquote>
  
  <p><a href="http://jsfiddle.net/wPRUC/" rel="nofollow">Jsfiddle</a> (not working)</p>
  
  <p>Thanx</p>