[Angular] iframe src is unsafe value

<iframe width="100%" height="300" [src]="site.url"></iframe>

Angular에서 상단과 같이 바로 iframe을 사용했더니 아래와 같은 오류가 발생하였다.

Error: unsafe value used in a resource URL context
at DomSanitizationServiceImpl.sanitize...

이를 해결하기 위해서 아래와 같이 파이프를 정의해서 해결하였다.

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);
  }
} 
<iframe width="100%" height="300" [src]="site.url | safe"></iframe>

SmileCat

SmileCat
How do you define yourself?

[Openlayers] Render Event 정리

## 이벤트### [Map](http://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)| event | module | note || :--: | -- | -- || [postcompose](...… Continue reading