title: Internationalization of dynamic content in Angular?
body: <p>Angular.io describes the i18n tag as follows: </p>
  
  <blockquote>
    <p>The Angular i18n attribute marks translatable content. Place it on
    every element tag whose fixed text is to be translated.</p>
  </blockquote>
  
  <p>So my question is this. What if I have an element whose content is <strong><em>dynamic?</em></strong> Take for example this below table that shows a list of assets. The column, "Description" needs to be in some cases English, and in some cases some other language.</p>
  
  <pre><code>    &lt;table class="asset-table"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th i18n="@@alarm-list-timeon"&gt;Time On&lt;/th&gt;
            &lt;th i18n="@@alarm-list-timeoff"&gt;Time Off&lt;/th&gt;
            &lt;th i18n="@@alarm-list-asset"&gt;Asset&lt;/th&gt;
            &lt;th i18n="@@alarm-list-description"&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody *ngIf="showAssets"&gt;
          &lt;tr *ngFor="let asset of pageItems"&gt;
            &lt;td&gt;{{asset.timeon}}&lt;/td&gt;
            &lt;td&gt;{{asset.timeoff}}&lt;/td&gt;
            &lt;td&gt;{{asset.assetlabel}}&lt;/td&gt;
            &lt;td i18n&gt;{{asset.description}}&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>I was thinking something like this:</p>
  
  <pre><code>    &lt;table class="asset-table"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th i18n="@@alarm-list-timeon"&gt;Time On&lt;/th&gt;
            &lt;th i18n="@@alarm-list-timeoff"&gt;Time Off&lt;/th&gt;
            &lt;th i18n="@@alarm-list-asset"&gt;Asset&lt;/th&gt;
            &lt;th i18n="@@alarm-list-description"&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody *ngIf="showAssets"&gt;
          &lt;tr *ngFor="let asset of pageItems"&gt;
            &lt;td&gt;{{asset.timeon}}&lt;/td&gt;
            &lt;td&gt;{{asset.timeoff}}&lt;/td&gt;
            &lt;td&gt;{{asset.assetlabel}}&lt;/td&gt;
            &lt;td i18n="@@{{asset.description}}"&gt;{{asset.description}}&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>...but I was mistaken. Any suggestions?</p>