platanus / ng2-rut

Angular 2 library with several components to handle Chilean RUT validation, cleaning and formatting.
MIT License
29 stars 27 forks source link

Usar en Angular 4 #7

Closed svsebastianaguilera closed 6 years ago

svsebastianaguilera commented 7 years ago

Como puedo hacer uso de esta libreria en Angular 4 (estoy usando Ionic 3), descargo la libreria y esta no me funciona.

gmq commented 7 years ago

@svsebastianaguilera La estamos usando en producción con Ionic 3 y Angular 4, ¿qué error te da?

svsebastianaguilera commented 7 years ago

Mira, lo descargue (con npm) y cuando importe para utilizar en mi vista, agregue la etiqueta pero la paso por alto, no formateo rut ni nada

sebalagos90 commented 6 years ago

Tengo el mismo problema, intento usar el pipe rut y no muestra el contenido ni siquiera sin formato.

llekn commented 6 years ago

Hola @svsebastianaguilera @sebalagos90

¿Nos pueden ayudar con más información sobre cómo lo están usando para encontrar el problema?

Acabo probar creando un proyecto Angular 4 con angular-cli y me funcionó bien. Sería ideal si nos ayudan replicando los pasos para descartar un problema de configuración local. Los pasos que seguí para probar fueron:

@NgModule({ ... imports: [ BrowserModule, Ng2Rut ], ... }) ...

- Agregar una variable con un rut cualquiera en `app.component.ts`:
```typescript
...
export class AppComponent {
  title = 'app';
  rut = '30972198';
}

(para las pruebas usé node v8.8.1)

svsebastianaguilera commented 6 years ago

Mira man, estoy probando con Ionic 3, descargue la libreria, segui los pasos de la pagina Github tal cual, pero al momento de usar la directiva, es como si no existiera, simplemente la pasa por alto y no formatea ni valida el rut.

El 24 de noviembre de 2017, 16:01, Camilo Floresnotifications@github.com escribió:

Hola @svsebastianaguilera https://github.com/svsebastianaguilera @sebalagos90 https://github.com/sebalagos90

¿Nos pueden ayudar con más información sobre cómo lo están usando para encontrar el problema?

Acabo probar creando un proyecto Angular 4 con angular-cli y me funcionó bien. Sería ideal si nos ayudan replicando los pasos para descartar un problema de configuración local. Los pasos que seguí para probar fueron:

  • Instalar última versión de angular-cli: npm install -g @angular/cli
  • Crear un proyecto angular 4: ng new rut-rest --ng4
  • Instalar ng2-rut: (en la carpeta del proyecto) npm install ng2-rut --save
  • Importar el módulo Ng2Rut: (en src/app/app.module.ts)

...import { Ng2Rut } from 'ng2-rut';...

@NgModule({ ... imports: [ BrowserModule, Ng2Rut ], ... })...

  • Agregar una variable con un rut cualquiera en app.component.ts:

...export class AppComponent { title = 'app'; rut = '30972198'; }

  • Utilizar el RutPipe en la vista (app.component.html):

{{ rut | rut }}

  • Levantar el proyecto: npm run start
  • Listo! Me aparece el rut formateado como 3.097.219-8

(para las pruebas usé node v8.8.1)

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/platanus/ng2-rut/issues/7#issuecomment-346883853, or mute the thread https://github.com/notifications/unsubscribe-auth/AeaaZFUHNiZMChE4hTNbRlw3c6fR3V7Dks5s5xKNgaJpZM4QcUew .

-- -- atte Sebastian Aguilera Velozo. Ingeniero en Software - Especialista Fono: 2 2942 2381

Survalley - Transformamos Grandes Ideas en Grandes Aplicaciones ​Padre Mariano 210 Oficina 501, Providencia. Santiago - Chile http://www.survalley.com

http://www.survalley.com/

sebalagos90 commented 6 years ago

En mi caso no realizaba el formato porque el valor era número (sin dígito verificador) y no string. Ya corregí el inconveniente y funciona sin problemas.

llekn commented 6 years ago

@svsebastianaguilera Es difícil poder saber qué puede estar pasando sin más información. ¿Te sería posible compartir un plunkr con una muestra del código no funcionando?

Quizás lo que hizo @sebalagos90 (asegurarse de pasar un string) te pueda ayudar.

llekn commented 6 years ago

En vista que no hay respuesta para poder reproducir el problema cerré el issue. Encantado de reabrirlo si llega más información