Modal Examples

modal-examples.ts

import { Component } from '@angular/core';
import { NzbModal } from 'nowzoo-angular-bootstrap-lite';

/**** A sample component we use for modal content *****/
@Component({
	selector: 'app-example-modal-content',
	template:`
	<div class="modal-header">
		<h5 class="modal-title">Enter Your Name</h5>
		<button type="button" class="close" (click)="modal.dismiss('header dismiss button clicked')" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
	</div>
	<div class="modal-body">
		<div class="form-group">
			<label for="example-modal-content-name">Name</label>
			<input type="text" [(ngModel)]="name" class="form-control">
		</div>
	</div>
	<div class="modal-footer">
		<button type="button" class="btn btn-secondary"
			(click)="modal.dismiss('footer cancel button clicked')">Cancel</button>
		<button type="button" class="btn btn-primary"
			(click)="modal.close(name)">Save</button>
	</div>
	`
})
export class ExampleModalContentComponent {
	name: string;
	constructor( public modal: NzbModal ) { }
}