title: Why does not angular create ng-reflect-_opened="false" when compiled for production?
body: <p>We are currently using following (and can not change in the short term):</p>
  
  <ul>
  <li>Angular 2 RC5</li>
  <li>Angular CLI 1.0.0-beta.10</li>
  <li>Material Design Side Nav Control</li>
  <li>Node 6.9.1</li>
  <li>npm 3.10.8</li>
  <li>Windows 10</li>
  </ul>
  
  <p>When we build the code (with ng serve with development settings i.e. production is false and development is true), we see following output and the side nav control and it works great as it outputs following html output:</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;md-sidenav align="end" layout-padding="" style="width:100%" ng-reflect-align="end" ng-reflect-_opened="false" class="md-sidenav-end md-sidenav-over md-sidenav-closed"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When we build the same code (with production = true and development = false), it does not output ng-reflect-_opened or class attributes at all as shown below:</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;md-sidenav align="end" layout-padding="" style="width:100%"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have no idea where to look to influence this behavior so that it outputs the same markup for both production and development.</p>
  
  <p>Appreciate any help in this regard.</p>