How can I avoid adding prefix “unsafe” to a link by Angular 2? [duplicate]

by

Use the DomSanitizer:

import {DomSanitizer} from '@angular/platform-browser';
...
constructor(private sanitizer:DomSanitizer){}
...
let sanitizedUrl = this.sanitizer.bypassSecurityTrustUrl('Notes://MYSERVER/C1256D3B004057E8');

or create a method to return the sanitized url:

sanitize(url:string){
    return this.sanitizer.bypassSecurityTrustUrl(url);
}

and then in your template:

<a [href]="sanitize('Notes://MYSERVER/C1256D3B004057E8')" ..

Demo Plunk

More Related Contents:

  1. Convert Promise to Observable
  2. How to create cross-domain request?
  3. Angular CLI SASS options
  4. Angular2 validator which relies on multiple form fields
  5. Property ‘map’ does not exist on type ‘Observable’
  6. Inject a service manually
  7. How to send “Cookie” in request header for all the requests in Angular2?
  8. How to disable a input in angular2
  9. Can’t bind to ‘ngIf’ since it isn’t a known property of ‘div’ [duplicate]
  10. Can an ng-content be used inside of an ngFor?
  11. document.getElementById replacement in angular4 / typescript?
  12. Angular file upload progress percentage [duplicate]
  13. Angular2 add class to body tag
  14. Dynamically load HTML template in angular2
  15. Property ‘controls’ does not exist on type ‘AbstractControl’ Angular 4 [duplicate]
  16. Angular 5 – Copy to clipboard
  17. Angular 4 checkbox change value
  18. Pre-bootstrap loading screen
  19. Cannot find name ‘require’ after upgrading to Angular4
  20. custom filter in mat-table
  21. How to globally set the preserveWhitespaces option in Angular to false?
  22. Best way to import Observable from rxjs
  23. What is the difference between formControlName and FormControl?
  24. How to make nested Observable calls in Angular2
  25. What is the lifecycle of a service in Angular 5
  26. Conditionally apply click event in Angular 4
  27. ::ng-deep going to be deprecated – Any alternatives?
  28. Accessing firebase.storage() with AngularFire2 (Angular2 rc.5)
  29. Firestore Error: The query requires an index
  30. Do we need to unsubscribe from observable that completes/errors-out?

Leave a Comment