title: Angular cli how to access local html file?
body: <p>I'm working with angular cli 1.6.5
  and I'm trying to get an html file via get method</p>
  
  <p>I added the html file in <code>src/assets/result/file.html</code>
  and I added in <code>.angular-cli.json</code> the result folder</p>
  
  <pre><code>"assets": [
     "assets",
     "result"
    ],
  </code></pre>
  
  <p>now in my component I try this</p>
  
  <pre><code>ngOnInit() {
   this.http.get('assets/result/file.html').subscribe((res) =&gt; {
    console.log(res);
   });
  }
  </code></pre>
  
  <p>am I missing something?</p>
  
  <p>What I'm trying to achieve:
  I build npm package that run on my infra component and extract example of html code.
  for example</p>
  
  <h3>infra component</h3>
  
  <pre><code> /**
   *  @example
   *  &lt;mgmt-ui-input
   *    [showIconX]="true"
   *    [showIconV]="true"
   *    (close)="onClose($event)"
   *  &gt;
   *    &lt;input type="text"&gt;
   *  &lt;/mgmt-ui-input&gt;
   */
  @Component({
    selector: 'mgmt-ui-input',
    templateUrl: './ui-input.component.html',
    styleUrls: ['./ui-input.component.scss'],
    encapsulation: ViewEncapsulation.None
  })
  </code></pre>
  
  <h3>the result of the npm package is file.html</h3>
  
  <pre><code> &lt;mgmt-ui-input
       [showIconX]="true"
       [showIconV]="true"
       (close)="onClose($event)"
     &gt;
       &lt;input type="text"&gt;
     &lt;/mgmt-ui-input&gt;
  </code></pre>
  
  <p>now in my project there is page with all infra demo just like angular material. in order to automatic process I want to display in ace editor the html</p>
  
  <p>the result will look
  <a href="https://i.stack.imgur.com/DKzKa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DKzKa.png" alt="enter image description here"></a></p>