title: How to load conditionally templateUrl html file in Angular 5 component
body: <p>There is one scenario in my project,
  Consider, I have one testDynamic component</p>
  
  <pre><code>@Component({
      templateUrl: "./test-dynamic.html", // Need to override this file
      styleUrls: ['./test-dynamic.css']
  })
  export class testDynamic {
      constructor() { }
  }
  </code></pre>
  
  <p>here need to check if an override1.html file is exists in override folder then load this file as templateUrl otherwise load the component default test-dynamic.html. 
  Any idea how to achieve this.?</p>
  
  <p>refer the following image for clearly understanding </p>
  
  <p><a href="https://i.stack.imgur.com/cDDmJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cDDmJ.png" alt="enter image description here"></a></p>