сталкивается с проблемой привязки данных при обмене контентом в Whats-App через мобильный браузер - PullRequest
Новая
       18

сталкивается с проблемой привязки данных при обмене контентом в Whats-App через мобильный браузер

1 голос
/ 22 апреля 2019

Я работаю над приложением Angular, где я делюсь контентом в приложении watsapp, через браузер мобильного телефона .. контент легко распространяется на мобильном приложении WhatsApp

но когда я пытаюсь привязать к нему данные с помощью интерполяции , данные не передается

Я поделился кодом ниже ->

тс 

  team1 : any  = 'India';
  team2 : any  = 'japan';

html 

<a 
href="whatsapp://send?text=" 
title="Share On Whatsapp" 
onclick="window.open('whatsapp://send?text=%20{{team1}}%20vs%20{{team2}}%20Take%20a%20look%20at%20this%20awesome%20page%20-%20' 
+ encodeURIComponent(document.URL)); return false;">
whatsapp share
</a>

Проблема -> Метод onclick не поддерживает интерполяцию из-за безопасности причины так как я могу решить эту проблему

1 Ответ

1 голос
/ 22 апреля 2019

Пожалуйста, попробуйте это: 

<a 
href="whatsapp://send?text=" 
title="Share On Whatsapp" 
onclick="window.open('whatsapp://send?text=%20' + team1 +'%20vs%20' + team2 + '%20Take%20a%20look%20at%20this%20awesome%20page%20-%20' 
+ encodeURIComponent(document.URL)); return false;">
whatsapp share
</a>

Вам не нужны двойные фигурные скобки, потому что вы передаете переменные.Или вы можете подготовить вашу строку в машинописи. 

private whatsupUrl : string;
this.whatsupUrl = `whatsapp://send?text=%20${this.team1}%20vs%20${this.team2}%20Take%20a%20look%20at%20this%20awesome%20page%20-%20`;
<a 
href="whatsapp://send?text=" 
title="Share On Whatsapp" 
onclick="window.open(whatsupUrl + encodeURIComponent(document.URL)); return false;">
whatsapp share
</a>
...