How to open and close modal popup using typescript and bootstrap?
- 1 Answers
- 970 Views
- I also Faced
- E-Mail Answers
Answer Posted / Brijesh Kumar
To create a modal popup in Angular using TypeScript and Bootstrap, you can follow these steps:n
1. Install the @ng-bootstrap/ng-bootstrap package.
2. Import the NgbModal and NgbModalConfig modules from the package into your component.
3. Define a modal component with an @Component decorator and inject the NgbModal service into its constructor.
4. Create a modal instance using the create method of the NgbModal service.
5. Open the modal by calling the open method on the modal instance, passing in the component that will be displayed inside the modal as well as any additional options such as size and backdrop configuration.
6. Close the modal by calling the dismiss or close method on the modal instance.
| Is This Answer Correct ? | 0 Yes | 0 No |
Post New Answer View All Answers
How to enable html5 mode in angular 1.x?
How an object or function can get a hold of its dependencies?
How to implement a datagrid table with angular 2 and primeng?
How to use primeng in angular 4?
How can primeng be used with angular2?
Angularjs dependency injection of value inside of the module.config?
Which version you are using js?
What is the latest version of angular?
How to create angularjs filter which outputs html?
Give the example of angularjs strings?
What is the latest angular?
What is a dynamic route in angularjs and how do you implement it?
How to get and log an error in angular 4?
