title: How to link to a specific Angular-ui static tab
body: <p>I need to link to a specific tab on another view. I have been researching but I am not sure what is the simplest way to go. I am using angular-ui static tabs. There isn't to much information in the tabs so I am not using any type of templates. I am currently using ng-route for my routing, if I need to add ui-router to make this work then that is fine.</p>
  
  <p>Home.html</p>
  
  <pre><code>&lt;button&gt;
      Link to Video Email Visit Tab
  &lt;/button&gt;
  </code></pre>
  
  <p>PatientServices.html</p>
  
  <pre><code>&lt;tabset justified="true"&gt;
       &lt;tab heading="Online Visit"&gt;
          &lt;p&gt;
              Like many other uses of the Internet these days, online visit saves you time by allowing you to receive care.
          &lt;/p&gt;
       &lt;/tab&gt;
  
       &lt;tab heading="Video Email Visit"&gt;
            &lt;p&gt;
               Meet with your doctor online and get treated for almost any health issue, as long as it isn't a medical emergency.
            &lt;/p&gt;
       &lt;/tab&gt;
  &lt;/tabset&gt;
  </code></pre>
  
  <p>ERROR</p>
  
  <pre><code> Error: Failed to execute 'setAttribute' on 'Element': 'dept-title-tabs"' is not a valid attribute name.
  at Error (native)
  at Function.n.extend.attr (http://localhost:63193/js/jquery.min.js:4:10701)
  at e.attr (http://localhost:63193/js/jquery.imedica.min.js:4:1905)
  at n.access (http://localhost:63193/js/jquery.min.js:3:2985)
  at n.fn.extend.attr (http://localhost:63193/js/jquery.min.js:4:10224)
  at $.fn.(anonymous function) (http://localhost:63193/js/jquery.imedica.min.js:1:3283)
  at $.fn.(anonymous function) [as attr] (http://localhost:63193/js/jquery.imedica.min.js:2:5666)
  at Object.Attributes.$set (http://localhost:63193/js/angular/angular.js:6721:28)
  at http://localhost:63193/js/angular/angular.js:7770:15
  at forEach (http://localhost:63193/js/angular/angular.js:330:20)
  </code></pre>
  
  <p>UPDATE ERROR</p>
  
  <pre><code> Error: [$compile:nonassign] Expression 'currentTab == 'email'' used with directive 'tab' is non-assignable!
   http://errors.angularjs.org/1.3.5/$compile/nonassign?p0=currentTab%20%3D%3D%20'email'&amp;p1=tab
  at http://localhost:63193/js/angular/angular.js:63:12
  at parentSet (http://localhost:63193/js/angular/angular.js:7585:25)
  at parentValueWatch (http://localhost:63193/js/angular/angular.js:7598:23)
  at Object.regularInterceptedExpression (http://localhost:63193/js/angular/angular.js:12738:16)
  at Scope.$digest (http://localhost:63193/js/angular/angular.js:14125:40)
  at Scope.$apply (http://localhost:63193/js/angular/angular.js:14395:24)
  at HTMLAnchorElement.&lt;anonymous&gt; (http://localhost:63193/js/angular/angular.js:22827:23)
  at HTMLAnchorElement.n.event.dispatch (http://localhost:63193/js/jquery.min.js:3:8066)
  at HTMLAnchorElement.r.handle (http://localhost:63193/js/jquery.min.js:3:4774)
  </code></pre>