Articles of angular

Observable vs Sujeto y AsObservable

Estoy aprendiendo RxJs, estoy buscando confirmación o corrección en mi suposición. Estoy tratando de hacer que una lectura pública solo sea observable en un servicio que pueda usar .next() en varios lugares de mi clase de servicio. Me pregunto si esta es la forma correcta de hacerlo: private myObservable = new Subject(); public myObservable$: Observable […]

¿Cómo llamar a la función java-script externa en angular 5?

He descargado un tema de este enlace. Tengo que definir script y CSS en el archivo index.html. index.html (sección del cuerpo) He definido mi función en common.js y la llamo desde el archivo main.85741bff.js. common.js (función) document.addEventListener(“DOMContentLoaded”, function (event) { masonryBuild(); navbarToggleSidebar(); navActivePage(); }); El problema es que puedo llamar a la función mientras se […]

¿Se puede evitar que se active el clic del host de un componente angular?

Estoy creando un componente Angular que envuelve un elemento nativo con algunas características adicionales. Los botones no activan un evento de clic si están desactivados y quiero replicar la misma funcionalidad. es decir, dado: Save ¿Hay alguna forma de que my-button evite que se llame a onClick() ? En Angular, puede escuchar el evento de […]

¿Cómo mantener los parámetros de cadena de consulta en la URL al acceder a una ruta de una aplicación Angular 2?

Tengo una aplicación de prueba Angular 2 que ejecuta la última versión alfa (37). Sólo hay tres rutas, que se ven así: @RouteConfig([ { path: ‘/’, component: Home, as: ‘home’ }, { path: ‘/errors’, component: Errors, as: ‘errors’ }, { path: ‘/about’, component: About, as: ‘about’ } ]) Puedo acceder a las rutas, y cuando […]

Angular 6 servicios y herencia de clase

Angular 6 ahora tiene proveedores de inyectables, que es la nueva forma recomendada de inyectar servicios, y funciona muy bien, excepto que tengo un problema al usar un servicio que extiende otro servicio. Entonces, como ejemplo, supongamos que tengo @Injectable({ providedIn: ‘root’ }) export class ParentAppService { … } @Injectable({ providedIn: ‘root’ }) export class […]

error: la propiedad ‘getChildren’ no existe en el tipo ‘DataSnapshot’

… Lo hace en la documentación P: import * as firebase from “firebase”; en la parte superior del archivo. La función de búsqueda de uid funciona. No le gusta la syntax del bucle for por alguna razón … También he probado la syntax: for (DataSnapshot child : parent.getChildren()) { } y luego el comstackdor me […]

¿Cómo enrutar. Navegar a la misma ruta en Angular 4 y atrapar el mismo evento?

Bueno, tengo dos casos de uso para mi pregunta aquí: Estoy trabajando en una aplicación que tiene una ruta /en/register . Todo funciona bien cuando estoy en la raíz y hago clic en un botón que hace this.router.navigate([this.routeParams.lang, ‘register’]); y todo está bien, esto abre un modal en el constructor (o ngOnInit, de todos modos) […]

Se esperaba que sea Jasmine, cómo verificar una matriz vacía

Obtención de error al intentar comprobar la matriz vacía. Intenté usar: Caso 1: inicializando como una matriz expect(fixture.componentInstance.dataSource).toBe([]); Caso 2: inicializando como una matriz let expectedAry = new Array; expect(fixture.componentInstance.dataSource).toBe(expectedAry); Ambos casos tienen el mismo error: Expected [ ] to be [ ]. Las matrices también se pueden verificar por su longitud, lo siguiente funciona […]

¿Cómo llamar a las funciones de JavaScript desde Typescript en Angular 5?

Estoy trabajando en el desarrollo de PDF Viewer en Angular 5. He terminado de escribir código HTML para la parte de la interfaz de usuario. Ahora tengo archivos JavaScript que proporcionan funcionalidad para los elementos de la interfaz de usuario. Como Angular 5 es compatible con typescript para implementar la funcionalidad de los componentes de […]

Angular 6: el proceso no se define cuando se intenta servir la aplicación

Recibo el siguiente error cuando trato de servir mi aplicación angular 6 usando cosmicjs: Uncaught ReferenceError: process is not defined at Object../node_modules/cosmicjs/dist/index.js (index.js:6) at __webpack_require__ (bootstrap:81) at Object../src/app/app.component.ts (main.js:94) at __webpack_require__ (bootstrap:81) at Object../src/app/app.module.ts (app.component.ts:9) at __webpack_require__ (bootstrap:81) at Object../src/main.ts (environment.ts:18) at __webpack_require__ (bootstrap:81) at Object.0 (main.ts:12) at __webpack_require__ (bootstrap:81) Mi última teoría tiene algo […]