视图
<iframe [src]="'https://kart.1881.no/?direction={59.83006424|6.25588723|START}{' + latitude + '|' + longitude + '|M%C3%85L}' | safe"></iframe>
而下水管应该帮助你
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer} from '@angular/platform-browser';
@Pipe({ name: 'safe' })
export class SafePipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) {}
transform(url) {
return this.sanitizer.bypassSecurityTrustResourceUrl(url);
}
}
您可以覆盖插值像
template: `
<iframe src="https://kart.1881.no/?direction={59.83006424|6.25588723|START}{[[latitude]]|[[longitude]]|M%C3%85L}"></iframe>
`,
interpolation: ['[[', ']]']
但无论如何你必须消毒url
将财产(不插值)只工作结合
Plunker Example
的可能的复制[如何在Angular2中为模板的一部分禁用模板绑定?](https://stackoverflow.com/questions/368 21734 /如何禁用模板绑定在模板中的部分角度) – JayChase
不要使用AngularJS标签的问题关于Angular 2请 – Mistalis