Construyendo una aplicación web usando angular 2, (o 4). Quiere enviar un mensaje a través de whatsapp. Esto funciona bien whatsapp://send?text=hi!
para abrir whatsapp desde el navegador. Quiero enviar la url de la página actual. Puedo usar {{url}} para imprimir la URL en la página web, pero no sé cómo configurar text={{url}} si sabes a lo que me refiero.
parte relevante del componente `
export class ActivityDetailsComponent implements OnInit { @Input() activity: any; @Output() close = new EventEmitter(); error:any; navigated = false; sub: any; imageURL: string; location:Location; url: any; constructor(private activitiesService:ActivitiesService, private route: ActivatedRoute, private router: Router, private pics: PicsService, location:Location ) { this.location = location; this.url = this.location.path(); }
`
html relevante `
Send a link to this activity to your <a href="whatsapp://send?text=http://ec2-52-209-95-130.eu-west- 1.compute.amazonaws.com:4200/activities/58c003d47513092fac820f09">whatsapp</a> contacts http://ec2-52-209-95-130.eu-west-1.compute.amazonaws.com:4200{{url}}
`
Hay dos técnicas posibles para resolver su problema:
Usamos corchetes para decirle a angular que resuelva el valor del campo href. Además, usamos una concatenación de cadenas simple:
<a [href]="'http://example.org/?test=' + url">whatsapp</a>
Esta es la técnica que usa llaves y es la que intentaste usar:
<a href="{{'http://example.org/?test=' + url}}">whatsapp</a>
En su caso, puede elegir la solución que prefiera, la documentación oficial (mismo enlace que arriba) establece lo siguiente:
Al representar valores de datos como cadenas, no hay ninguna razón técnica para preferir una forma a la otra. Te inclinas por la legibilidad, que tiende a favorecer la interpolación. Sugiere establecer reglas de estilo de codificación y elegir la forma que se ajuste a las reglas y se sienta más natural para la tarea en cuestión.
Usa el siguiente código para hacerlo
var url = document.URL var red = (url.substr(url.lastIndexOf('=') + 1)); window.location.replace("https://api.whatsapp.com/send?text=" + red);
O puede usar el enlace permanente a continuación para ir directamente sin ningún script
https://www.educlick.page/p/whats-app-redirect.html?url>codificación de URL<