Hot damn it works

Used pipes and domsanitizer to get my stuff working

Author: progdawn

src/app/app.module.ts

@@ -7,6 +7,7 @@ import {LoggingService} from './logging.service';
 import {DataService} from './data.service';
 import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
 import { Ng4TwitterTimelineModule } from 'ng4-twitter-timeline/lib/index';
+import { EscapeHtmlPipe } from './keep-html.pipe';
 
 import { AppComponent } from './app.component';
 import { HomeComponent } from './home/home.component';
@@ -46,7 +47,8 @@ const APP_ROUTES : Routes = [
     SpecialsComponent,
     GalleryComponent,
     SubmitComponent,
-    MusicComponent
+    MusicComponent,
+    EscapeHtmlPipe
   ],
   imports: [
     BrowserModule,

src/app/keep-html.pipe.ts

@@ -0,0 +1,12 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+
+@Pipe({ name: 'keepHtml', pure: false })
+export class EscapeHtmlPipe implements PipeTransform {
+  constructor(private sanitizer: DomSanitizer) {
+  }
+
+  transform(content) {
+    return this.sanitizer.bypassSecurityTrustHtml(content);
+  }
+}

src/app/music/music.component.html

@@ -8,7 +8,7 @@ <h1 class="display-3">Music</h1>
         <div class="row">
             <div class="col-md-12">
                 <ng-container *ngFor="let tune of tunes">
-                    <div class="e2e-trusted-url" [innerHTML]='tune.SoundCloudEmbed'></div>
+                    <div [innerHTML]='tune.SoundCloudEmbed | keepHtml'></div>
                 </ng-container>
             </div>
         </div>

src/app/music/music.component.ts

@@ -11,7 +11,8 @@ export class MusicComponent implements OnInit {
 
   tunes:any = [];
 
-  constructor(private dataService: DataService) { }
+  constructor(private dataService: DataService) {
+   }
 
   ngOnInit() {
     //this.phpGetMusic();