title: Unknown HTML tag modal in angular2
body: <p>I want to create custom modal window referring this link:-
  <a href="http://jasonwatmore.com/post/2017/01/24/angular-2-custom-modal-window-dialog-box" rel="nofollow noreferrer">http://jasonwatmore.com/post/2017/01/24/angular-2-custom-modal-window-dialog-box</a></p>
  
  <p>When i am using   it's showing unknown HTML tag and on console showing error, i.e. </p>
  
  <p>Unhandled Promise rejection: Template parse errors:
  'modal' is not a known element:
  1. If 'modal' is an Angular component, then verify that it is part of this module.
  2. If 'modal' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("
      Open Modal 1</p>
  
  <pre><code>[ERROR -&gt;]&lt;modal id="custom-modal-1"&gt;
    &lt;div class="modal"&gt;
      &lt;div class="modal-body"&gt;
  </code></pre>
  
  <p>"): HeapMemoryGraphComponent@6:4 ; Zone:  ; Task: Promise.then ; Value: Error: Template parse errors:
  'modal' is not a known element:</p>
  
  <p>Please guide,Thanks.</p>