MEAN Cookbook

Getting ready

Let's add a Create New Post button on our blog application. We could accomplish this behavior by making the Create New Post button a router-link. However, the simplest approach would be to just keep within the current component context and use a modal to display an alternative state of the same template. We'll use input events to bind clicking on the button in the side panel to trigger a modal dialog from ng-bootstrap on the page. We will also configure events for closing the modal when we click on a Cancel button or click outside the modal dialog itself.