title: Best Practices to Handle String Literals in Angular Component Template and Class
body: <p>What is the best practice for handling message strings that are shown to the client as errors or notifications so as not to have in hard code, both on the typescript side and in htlm?</p>
  
  <p>It occurs to me for example :
  In html:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;h1&gt; {{header_message}} &lt;/h1&gt;
  </code></pre>
  
  <p>In typescript:</p>
  
  <pre class="lang-js prettyprint-override"><code>let notificationInfo: string = 'notifications.infoMessage';
  </code></pre>