Estoy enfrentando algunos problemas al intentar hacer algo como esto:

Tengo una tabla de empleados con sus números de teléfono He creado un botón que me redirigirá a otro portal usando el número de teléfono de los empleados.

El problema al que me enfrento aquí es: para hacer clic en el botón inicial, el número de teléfono obtiene una cadena vacía, lo cual está bien. Lo he inicializado como una cadena vacía, pero estoy actualizando el valor de la variable $scope pero eso no funciona. Intenté poner $apply() y $watch(). Pero eso también es arrojar un error:

 Error: [$rootScope:inprog]

¿Cómo puedo resolver esto? Mi código -

 <a id="hiddenRedirectButton" href="https://my-site/employee-logs.php?auth_token=<?=echo $token;?>&phoneNumber={{number}}" target="_blank"> <table> <tr ng-repeat="employee in data"> <td class="text-center"><button class="btn btn-primary" ng- click="redirect(employee.cellPhone)">Redirect</button> </td> </tr> </table> //Angularjs code - $scope.number=""; $scope.redirect=(number)=>{ console.log("redirecting to other portal"); $scope.number=number; $scope.$apply(); // Error: [$rootScope:inprog] document.getElementById("hiddenRedirectButton").click(); }

Para hacer clic en el botón por primera vez, no obtengo el número de teléfono en la barra de URL, la segunda vez obtengo el número. Estoy haciendo esto solo porque tengo que abrir el enlace en una nueva pestaña. No puedo encontrar ninguna forma de hacerlo usando window.location.href .