title: Unable to use ng-include in angular 5
body: <p>Pretty new to Angular and doing a small pilot project using Angular 5 and Visual Code. I am trying to use ng-include and the template doesn't get displayed.</p>
  
  <pre><code>  src
       add-device
          add-device.component.html
          add-device.component.scss
          add-device.component.spec.ts
          add-device.component.ts
       edit-device
          edit-device.component.html
          edit-device.component.scss
          edit-device.component.spec.ts
          edit-device.component.ts
       templates
          device.html
       app.module.ts
       app.coponent.ts
       app.component.html
       ....
  </code></pre>
  
  <p>simple device.html code</p>
  
  <pre><code>&lt;div&gt;Include is working!&lt;/div&gt;
  </code></pre>
  
  <p>add-device.component.html </p>
  
  <pre><code>&lt;div ng-include="" src="'templates/device.html'"&gt;
      &lt;div&gt;More unique elements here!&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I also tried following</p>
  
  <pre><code>&lt;div ng-include="" src="'templates/device.html'"&gt;&lt;/div&gt;
  
  &lt;div ng-include="'templates/device.html'"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Following gives error, ng-include is not recognized.</p>
  
  <pre><code>&lt;ng-include src="'templates/device.html'"&gt;&lt;/ng-include&gt;
  </code></pre>
  
  <p>Objective is to use device.html template code from both add and edit device components. I am using typescript to manage the project. When i look at the Sources in debugger, i do not even see device.html file in source list. </p>