Tengo una función dentro de un componente Angular, digamos:
setDevMode(mode:string):void { this.devMode = mode; }¿Cómo haría para ejecutarlo desde la consola del navegador?
Si esta función está dentro de un cierre, entonces no puede llamar desde la consola.
De lo contrario, solo haces functionName(); y presiona regresar.
Para llamar a un método desde una instancia de componente, debe obtener una referencia a la instancia de componente. Puede hacerlo en Angular 9+ con la variable global ng , usando su función getComponent .
Para usar esto, debe tener acceso al elemento html creado por la instancia de su componente. Puede encontrarlo en la pestaña Elementos en Chrome ("Inspector" en Firefox), haga clic con el botón derecho en el elemento y seleccione "Almacenar como variable global" ("Usar en la consola" en Firefox). Ahora tiene una variable en la consola que puede enviar a la función getComponent , por ejemplo temp1 :
const myCompInstance = ng.getComponent(temp1)componente Con esto, ahora puede llamar al método de esta manera:
myCompInstance.setDevMode("some_mode") Tenga en cuenta que probablemente tendrá que ejecutar ng.applyChanges en el elemento para ver la actualización de la interfaz de usuario, así:
ng.applyChanges(temp1)