title: angular how to render html markup inside component's template
body: <p>How do i display html markup inside angular component's template. </p>
  
  <p>if template.component.html is the template file, how do i lay out html markup like this: </p>
  
  <pre><code>&lt;form action="" novalidate&gt;
    &lt;label for=""&gt;
      &lt;span&gt;Full Name:&lt;/span&gt;
      &lt;input type="text" name="fullName" placeholder="your name"&gt;
    &lt;/label&gt;
    &lt;div&gt;
      &lt;label for=""&gt;
        &lt;span&gt;Email:&lt;/span&gt;
        &lt;input type="email" name="email" placeholder="your email address"&gt;
      &lt;/label&gt;
      &lt;label for=""&gt;
        &lt;span&gt;Confirm Email:&lt;/span&gt;
        &lt;input type="email" name="confirmEmail" placeholder="confirm email address"&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;button type="submit"&gt;Sign up&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>such that the browser renders the markup as is and not the controls? </p>
  
  <p>One option that worked for me is when i just replaced the &lt; and > with "&amp;lt;" and "&amp;gt;" respectively. </p>
  
  <p>is there any other means to achieve this.?</p>