title: Parse HTML string in Angular 2 and extract and update values
body: <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>