如何逃避花括號中的角

Question

我有這個在我的HTML：

<iframe src="https://kart.1881.no/?direction={59.83006424|6.25588723|START}{{{latitude}}|{{longitude}}|M%C3%85L}"></iframe> 

通知 {{{latitude}} - 在這裏，我想逃離第一{

我試圖把\{，但它無法正常工作以及。

的錯誤是Missing expected : at the end of the expression

Answer 1

視圖

<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

Answer 2

您可以用%7B嘗試{和%7D爲}。這些只是URI編碼的形式，Angular不應該試圖解析。

Answer 3

使用+運算符來連接所需的SRC

src="...{' + {{latitude}}+ '}...'"

Answer 4

只是一味

{{'{' + latitude + '}'}}