Angular 2 directive to safely inject HTML.

safe_inner_html.dart

import 'dart:html' show Element, NodeTreeSanitizer;

import 'package:angular2/core.dart'
    show Directive, Input, OnChanges, SimpleChange;

@Directive(selector: '[safeInnerHtml]')
class SafeInnerHtml implements OnChanges {
  Element _el;
  SafeInnerHtml(this._el);

  @Input()
  String safeInnerHtml;

  @override
  void ngOnChanges(Map<String, SimpleChange> changes) {
    _el.setInnerHtml(this.safeInnerHtml, treeSanitizer: NodeTreeSanitizer.trusted);
  }
}

using_safe_inner_html.html

<span [safeInnerHtml]="someHtml"></span>