2.0.2 • Published 1 year ago
@lukana/modals v2.0.2
Lukana modals
Modals using only @angular/cdk
as dependencies.
Usage
- Add
@lukana/modals/scss/modal
to Yourstyle.scss
file or use Your own styles. - Import
ModalsModule
as dependency. - Add modals content component to
entryComponents
Inject
ModalService
as dependency in You component, and open modal with commandModalService.open(YourComponent)
:@Component({ selector: 'app-page', templateUrl: './app-page.component.html' }) export class AppPageComponent implements OnInit { constructor(private modalService: ModalService) { } ngOnInit() { } onOpenModal() { const dataPassedDoComponent = {name: 'Hello'}; this.modalService.open(ModalContentComponent, dataPassedDoComponent) .subscribe(resp => console.log('returned', resp)); } }
In modal component You can Inject
ModalService
and close modal with return value like this:@Component({ selector: 'lukana-modal-content', templateUrl: './modal-content.component.html', styleUrls: ['./modal-content.component.css'] }) export class ModalContentComponent implements OnInit { name: string; constructor(private modalService: ModalService) { } ngOnInit() { } onClose() { this.modalService.close('returnValue'); } }
2.0.2
1 year ago
2.0.1
1 year ago
2.0.0
1 year ago
0.9.2
4 years ago
0.9.1
4 years ago
0.9.0
4 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
6 years ago
0.1.1
6 years ago
0.1.0
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago