Javascript 通过手机浏览器共享whats应用程序内容时面临数据绑定问题

我正在开发Angular应用程序，通过手机浏览器在watsapp应用程序上共享内容。 在移动whatsapp应用程序上轻松共享内容

但当我试图通过插值将数据绑定到它时，数据 不是共享的

我在下面共享代码->

ts

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

<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>

html

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

<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方法由于安全原因不支持插值 为什么我可以解决这个问题

请试试这个：