Parse HTML string in Angular 2 and extract and update values : <p>I just started working on an Angular project but am a bit stuck. I have a component that receives an HTML string from a (trusted) external source. I want to extract and update values from this string, and dispay it in my component.</p>

<p>Now displaying the string is easily done with the following code:</p>

<pre><code>&lt;div [innerHTML]="displayString"&gt;&lt;/div&gt;
</code></pre>

<p>My input string has some <code>&lt;span&gt;</code> elements with the <code>data-card-text</code> element attached as identifier. Is it possible to extract this value, and update it whenever my component wants?</p>

<p><em>Example:</em>
<code>let displayString:string = "&lt;svg&gt;&lt;text data-card-text&gt;Value I want to update&lt;/text&gt;&lt;/svg&gt;"</code></p>

<p>Are operations like these even possible in Angular 2?</p>
