# Wijmo_Angular_Nav.Wjtab

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjTab Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the <a href="../enums/wijmo.key.html#tab">Tab</a> object.</p>
								</div>
								<p>The <b>wj-tab</b> directive must be contained in a <a href="wijmo_nav.tabpanel.html">TabPanel</a> directive.
								It adds the Tab object to the 'tabs' array property of the parent directive.</p>
								<p>For example:</p>
								<pre>&lt;wj-tab-panel&gt;
   &lt;wj-tab&gt;
     &lt;a&gt;Tab1 Header&lt;/a&gt;
     &lt;div&gt;
         Tab1 content
     &lt;/div&gt;
   &lt;/wj-tab&gt;
   &lt;wj-tab is-disabled="true"&gt;
     &lt;a&gt;Tab2 Header&lt;/a&gt;
     &lt;div&gt;
         Tab2 content
     &lt;/div&gt;
   &lt;/wj-tab&gt;
&lt;/wj-tab-panel&gt;</pre>
								<p>The <b>wj-tab</b> directive supports the following attributes:</p>
								<dl class="dl-horizontal">
									<dt>is-disabled</dt>   <dd><code>@</code> A value that determines whether this <a href="../enums/wijmo.key.html#tab">Tab</a> is disabled.</dd>
									<dt>is-visible</dt>    <dd><code>@</code> A value that determines whether this <a href="../enums/wijmo.key.html#tab">Tab</a> is visible.</dd>
								</dl>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjDirective</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjTab</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>