title: refresh a tab in angular ui
body: <p>Am creating tabs dynamically using angular-ui-bootstrap,using directives i can make the template for tabs and loading the contents inside it using ng-include.Now my requirement is to reload this content when i click the refresh button in tab header.</p>
  
  <pre><code>tabsApp.directive('apptabs', function () {
      return {
              restrict:"E",
              scope:{
                  tablist:'=',
                  ondelete:'&amp;'
              },
              templateUrl:"././static/jslib/appTemplate/tabs-directive.html",
              controller:function ($scope, $attrs) {
                  $scope.deleteTab = function (id) {
                      $scope.ondelete({id:id});
                  }
  
              }
          };
      })
  </code></pre>
  
  <p>template for tabs</p>
  
  <pre><code>&lt;tabset&gt;
    &lt;tab ng-repeat="tab in tablist"
          heading="{{tab.title}}" active="tab.active" disabled="tab.disabled"&gt;
      &lt;tab-heading&gt;
      &lt;i class="{{tab.iconCls}}"&gt;&lt;/i&gt;
        {{tab.title}}
        &lt;a class="button small" ng-click="deleteTab(tab.id)" href='' &gt;&lt;strong&gt;x&lt;/strong&gt;&lt;/a&gt;
        &lt;a class="button small"  href='' &gt;&lt;strong&gt;refresh&lt;/strong&gt;&lt;/a&gt;
      &lt;/tab-heading&gt;
       &lt;ng-include src="tab.page"&gt;&lt;/ng-include&gt;
    &lt;/tab&gt;
  &lt;/tabset&gt;
  </code></pre>
  
  <p>any idea?</p>