title: conditional viewport meta tag in index.html
body: <p>I have an angular module with two sub modules in it, one for user and the other for admin. of course they share the same <code>index.html</code> file. </p>
  
  <p>in my user module I would like to have the <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</code> in the <code>&lt;head&gt;&lt;/head&gt;</code> tags in <code>index.html</code></p>
  
  <p>While I want it to be removed in my admin module and just have the desktop view for phones as is.</p>
  
  <p>I tired to do this in the admin first component constructor : </p>
  
  <pre><code>import { Meta } from '@angular/platform-browser';
  this.meta.removeTag('name="viewport"'); 
  </code></pre>
  
  <p>the tag is being removed but that is after the app started rendering with the existence of this meta tag since it is in <code>index.html</code> so it does not give the desired result</p>
  
  <p>any suggestions to have actually add this meta conditionally? 
  the hard part is that it should be in the head of index.html.</p>