ionic 2 : Getting unsafe url error

Question

I'm trying to open a whats'app link and I'm getting thus error :

WARNING: sanitizing unsafe URL value SafeValue must use
(see http://g.co/ng/security#xss)

here is my code :

<a href="{{surl}}">
<img src="assets/imgs/whatsapp.png" height=35px/></a>

and in the ts file here is what surl holds :

this.url = 'whatsapp://send?text=Hello World!&phone=+966'+this.phone
this.surl = this.dom.bypassSecurityTrustUrl(this.url);

the problem as you can tell is that I'm passing a variable to the url , but cordova won't trust it ! any ideas how can I solve this problem ?

Take a look at this thread https://stackoverflow.com/questions/38593515/angular2-warning-sanitizing-unsafe-style-value-urlsafevalue-must-use-proper — Christian Benseler, Jun 14 '17 at 11:11
@ChristianBenseler they say that I should wrap the entire url which is exactly what I did :( — keloa zoldik, Jun 14 '17 at 11:56
What if you try by placing it directly in the view, like this: `` Where `url` is set in the component code like `this.url = 'whatsapp://send?text=Hello World!&phone=+966' + this.phone;` — sebaferreras, Jun 15 '17 at 06:32
actually I solved it by `` where `surl` is the safe url , and it worked ! Thanks guys — keloa zoldik, Jun 17 '17 at 14:37

score 0 · Accepted Answer · answered Jun 17 '17 at 14:38

0

I solved it by <a [href]="surl"></a> where surl is the safe url , and it worked !

answered Jun 17 '17 at 14:38

keloa zoldik

1 Answers1