Angular: Setting Up Flight List Table Using Bootstrap (Part 3 of 3)

In this three-part video series, we're going to build the table for our Flight App. We'll be using a bootstrap table to make our table responsive and modern. If you haven't watched Part 1 and Part 2, make sure you do that first so you'll know what's going on here.

PART 3: We'll refactor the root component and create a child component called FlightListComponent. Then we'll pass this flightData property to the child component where it will be parsed and displayed to the Flight List table. The child component will receive the flightData from the parent component via the @Input() directive. We also move the deleteFlight() function down to the child component to perform the deletion.

⭕ About me

⭕ My complete online training courses:

⭕ Check out my book:
Developing Business Applications for the Web: With HTML, CSS, JSP, PHP, ASP.NET, and JavaScript is available on Amazon and MC Press.