title: Angular on IE 11 intranet - programmatically disable Compatibility View
body: <p>I'm running an <code>Angular 6</code> app on company <code>intranet</code> via <code>IE11</code>. My app compiles to <code>ES5</code> according to <code>tscnfig.json</code>. I've uncommented and installed all of the IE compatibility lines in <code>polyfills.js</code>. I've also added the suggested meta tag <code>&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge" /&gt;</code> just below my <code>&lt;head&gt;</code> tag.</p>
  
  <p>None of this had had the intended behavior of programmatically disabling IE's default Compatibility View settings. By default, IE11 <code>displays intranet sites in Compatibility View</code>, which breaks Angular. The only solution I've been able to find is having every one of our users go into their IE's <code>Compatibility View Settings</code> and uncheck this box:</p>
  
  <p><a href="https://i.stack.imgur.com/VQbGK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VQbGK.png" alt="enter image description here"></a></p>
  
  <p>This is less than desirable. Is there something else I can try? In some places I've read that there's no workaround for this - and in others, I've read the <code>IE=Edge</code> meta tag is the solution - but I've found the meta tag fix to be fake news...that I can tell you.</p>