title: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked with Float
body: <pre><code>ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'width: 93.7598541666%'. Current value: 'width: 93.7604513889%'.
      at viewDebugError (core.js:17871)
      at expressionChangedAfterItHasBeenCheckedError (core.js:17859)
      at checkBindingNoChanges (core.js:18059)
      at checkNoChangesNodeInline (core.js:27637)
      at checkNoChangesNode (core.js:27624)
      at debugCheckNoChangesNode (core.js:28228)
      at debugCheckDirectivesFn (core.js:28156)
      at Object.eval [as updateDirectives] (AppComponent.html:101)
      at Object.debugUpdateDirectives [as updateDirectives] (core.js:28145)
      at checkNoChangesView (core.js:27523)
  </code></pre>
  
  <p>I get the above error but the code still continue</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div [ngStyle]="{
                    'margin-left':task.getFrontMargin(dayStart, hourResolution)*100+'%',
                    'width':task.getWidthPercent(dayStart, hourResolution)*100+'%'
                  }" 
       class="flag" [ngClass]="task.type"&gt;
  &lt;/div&gt;
  </code></pre>