title: AngularJS Fancybox Popup
body: <p>I have started an angularjs project and I would like to implement fancybox.</p>
  
  <p>For this, I have included the jQuery and fancybox plugins to the solution. I am attempting to open the template in the code shown below in a fancybox window.</p>
  
  <p><strong>View</strong></p>
  
  <p><code>&lt;a href="" ng-click="openPage('popups/add.html')"&gt;ADD&lt;/a&gt;</code></p>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>app.controller('MainController',
      function MainController($scope) {
          $scope.user = "Hey Welcome";
  
          $scope.open = function(template_path){
              $.fancybox({"href":template_path})
          }
      }
  )
  </code></pre>
  
  <p>And <strong>popup/add.html</strong></p>
  
  <pre><code>&lt;div class="pop-contnr"&gt;
      &lt;h2&gt;ADD&lt;/h2&gt;
      &lt;table&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th align=center&gt;{{user}}&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Fancybox successfully opens a window containing the template, but the <code>{{user}}</code> expression has not been evaluated. Can anyone please help?</p>