文字列をhtml要素に変換する

Question

私はtypescriptでコーディングするだけでなく、angular2プロジェクトにも取り組んでいます。私は、サービスを持っている：

@Component({ 
    selector: 'my-component', 
    templateUrl: 'app/component.template.html' 
}) 

export class MyComponent { 

    constructor(public myServie: MyService) { 
     this.myServie.get().then((data: any) => { 
      // data has html content 
     }); 
    } 
} 

サービスの結果は、このようなものです：

a ='<p> 
<a class="link1" href="#p1">link 1</a> 
<a class="link2" href="#p2">link 2</a> 
<a class="link3" href="#p3">link 3</a> 
</p>' 

私はこのコンテンツで検索することができますどのように、クラス=「リンク1」を持つ要素を見つけると、そのHREFを交換しますか？私はJQueryなどを使用したくありません。

Answer 1

<div [innerHtml]="data | safeHtml"></div> 

も参照してくださいIn RC.1 some styles can't be added using binding syntax

constructor(
    private elRef:ElementRef, 
    public myServie: MyService, 
    private cdRef:ChangeDetectorRef) { 
    this.myServie.get().then((data: any) => { 
     this.data = data; 
     this.cdRef.detectChanges(); // to ensure the DOM is updated 
     if(this.isViewInitialized) { 
      this.updateHrefs(); 
     } 
    }); 
} 

isViewInitialized = false; 
ngAfterViewInit() { 
    this.isViewInitialized = true; 
    if(this.data) { 
    this.updateHrefs(); 
    } 
} 

updateHrefs() { 
    this.elRef.nativeElement.querySelectorAll('p > a').forEach((e) => { e.href = 'newHref'; }); 

}