./path/to/my.html

01-my.html

<!-- ./path/to/my.html -->
<div>
 "SmarpShare"
 <span>is<span>
 awesome, dud'
</div>

02-my-component-name.ts

// ./path/my-component-name.ts
angular
.module("myComponentName")
.directive("myComponentName", function() {
  return
  {
   restrict: 'E',
   templateUrl: './path/to/my.html',
   controller: myComponentNameCtrl,
   controllerAs: "vm",
  });