jquery - Angular 2 [innerHTML]-bindning med html-fil istället för html-kod


Jag försöker använda <div [innerHTML]="api_tool_atttibutes | sanitizeHtml"></div>

@Pipe({
    name: 'sanitizeHtml'
})
export class SanitizeHtml implements PipeTransform  {

    constructor(private _sanitizer: DomSanitizer){}

    transform(v: string) : SafeHtml {
        return this._sanitizer.bypassSecurityTrustHtml(v);
    }
}

api_tool_atttibutes:string = <input class="form-control" placeholder="Default` Text Field" type="text">

api_tool_atttibutes är en HTML-kod som har satts av komponenten.

Jag skulle vilja ersätta html-koden (strängen) med en html-sida -> så att strängen kommer att innehålla sökvägen till html-sidan istället för html-koden.

Är detta möjligt?