@starley/ion-directives 1.3.19 → 1.3.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -35,6 +35,28 @@ import { DirectivesModule } from '@starley/ion-directives';
|
|
|
35
35
|
export class MyComponent {}
|
|
36
36
|
```
|
|
37
37
|
|
|
38
|
+
### Para usar a formUtilService
|
|
39
|
+
|
|
40
|
+
* Importe a service FormUtilService no componente que desejar utilizar.
|
|
41
|
+
|
|
42
|
+
* Injete a service no construtor do componente:
|
|
43
|
+
|
|
44
|
+
```typescript
|
|
45
|
+
constructor(private formUtilService: FormUtilService) {}
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
Crie o formulario usando o FormGroup, e chame o método `prepareFormChangeDetection` passando o formulário como parâmetro.
|
|
49
|
+
|
|
50
|
+
Ex: this.myForm = this.formUtilService.prepareFormChangeDetection(this.myForm);
|
|
51
|
+
|
|
52
|
+
É necessário retornar o formulário para a própria variável, pois quando o formulário é atualizado, as mudanças precisam ser refletidas na variável para que o sistema de detecção de mudanças do Angular funcione corretamente.
|
|
53
|
+
|
|
54
|
+
Agora temos a variavel booleana `hasUnsavedChanges` que indica se o formulário foi modificado e pode ser usada para habilitar/desabilitar botões de salvar com base nas alterações.
|
|
55
|
+
|
|
56
|
+
Ex: if(this.formUtilService.hasUnsavedChanges) { ... }
|
|
57
|
+
|
|
58
|
+
Agora você pode usar o formulário com detecção de mudanças automaticamente.
|
|
59
|
+
|
|
38
60
|
### Para usar a mascara 'appMask'
|
|
39
61
|
|
|
40
62
|
Adicione dentro do input a chamada passando após o simbolo de '=' a formatação desejada!
|