title: Angular 4 Open a New tab with same html template binding
body: <p>Is it possible if i have a button that when it clicked, it will open a new tab in browser that binds the same component and variables that declared before?.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label&gt;Please Enter Your Email Below&lt;/label&gt;
  &lt;input name="userEmail" type="text" class="form-control" required ngModel /&gt;
  &lt;button type="button" class="btn btn-sm" (click)="verifyEmail(emailVerification.value); isClicked=!isClicked"&gt;verify&lt;/button&gt;
  
  &lt;!--is it possible to open/redirect this div in a new tab?--&gt;
  &lt;div *ngIf="isClicked"&gt;
    &lt;form&gt;...&lt;/form&gt;
  &lt;/div&gt;
  &lt;!--end of div--&gt;</code></pre>
  </div>
  </div>
  </p>