angular-translate within nested link
<p>I am trying to apply angular-translate using the 'translate="KEY"' directive.</p>

<p>However, if I add this to a <code>&lt;p&gt;</code> tag and then to an <code>&lt;a&gt;</code> tag within this, only the first translation appears. When I view this in console, the translation appears to work, but it does not appear on the screen. </p>

<pre><code>&lt;p translate="CLICK"&gt;
    &lt;a href="http://www.google.com" translate="HERE"&gt;&lt;/a&gt;
&lt;/p&gt;
</code></pre>

<p>This should output as:
Click <a href="http://google.com" rel="nofollow">here</a></p>

<p>But it appears only as:
Click</p>

<p>Thanks for any help.</p>