title: How to use the console.log in Angular 8?
body: <p>I used to have my console.log in Angular 6 to see the content of variables in the browser</p>
  <pre><code>      console.log('CONSOLOG: M:paginateVar &amp; O: this.var : ', this.var);
  </code></pre>
  <p>... and I was happy with it, but now I'm starting to use Angular 8 and I get this error (when I npm start):</p>
  <pre><code>No type errors found
  Version: typescript 3.4.5
  Time: 2104ms
  × ｢wdm｣:    1029 modules
  
  ERROR in ./src/main/webapp/app/home/home.component.ts
  Module Error (from ./node_modules/eslint-loader/dist/cjs.js):
  
  D:\JHipster\spingular\src\main\webapp\app\home\home.component.ts
  105:7  error  Unexpected console statement  no-console
  
  ✖ 1 problem (1 error, 0 warnings)
  
  i ｢wdm｣: Failed to compile.
  </code></pre>
  <p>How can I see the content of a variable back in the browser?</p>
  <p>TSLINT:</p>
  <pre><code>{
    &quot;rulesDirectory&quot;: [&quot;node_modules/codelyzer&quot;],
    &quot;rules&quot;: {
      &quot;no-console&quot;: [false, &quot;debug&quot;, &quot;info&quot;, &quot;time&quot;, &quot;timeEnd&quot;, &quot;trace&quot; ],
      &quot;directive-selector&quot;: [true, &quot;attribute&quot;, &quot;jhi&quot;, &quot;camelCase&quot;],
      &quot;component-selector&quot;: [true, &quot;element&quot;, &quot;jhi&quot;, &quot;kebab-case&quot;],
      &quot;no-inputs-metadata-property&quot;: true,
      &quot;no-outputs-metadata-property&quot;: true,
      &quot;no-host-metadata-property&quot;: true,
      &quot;no-input-rename&quot;: true,
      &quot;no-output-rename&quot;: true,
      &quot;use-lifecycle-interface&quot;: true,
      &quot;use-pipe-transform-interface&quot;: false,
      &quot;component-class-suffix&quot;: true,
      &quot;directive-class-suffix&quot;: true
     }
  }
  </code></pre>