title: Angular i18n - Error: Could not mark an element as translatable inside a translatable section
body: <p>In my Angular 7 application, I have an html with nested tags like this -   </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;p i18n="@@footerText"&gt;Some Text Here 
    &lt;a i18n="@@footerLink" href="http://url.com" target="_blank"&gt;Link Text&lt;/a&gt; 
    Another Text Here
  &lt;/P&gt;        
  </code></pre>
  
  <p>When executing following command</p>
  
  <pre><code>ng xi18n --output-path translate
  </code></pre>
  
  <p>It throws an error -<br>
  <strong>Error: Could not mark an element as translatable inside a translatable section</strong></p>
  
  <blockquote>
    <p>How to use i18n with nested tags?</p>
  </blockquote>