-
Book Overview & Buying
-
Table Of Contents
Angular Projects - Second Edition
By :
The first component of our UI library will be a list of Bulma card elements. Each card will display a title, a description, and an anchor link element. We will also be able to drag a card and change the order of the card list using the Angular CDK. Building our component will consist of the following tasks:
In the following section, we will first see how to display data on the card list.
Our Angular application should pass a list of cards as an input property to the component for displaying them. Let's see how we can create a draggable card component, as follows:
ng generate component card-list --project=ui-controls --export
The preceding command will create a card-list component in the ui-controls project of our Angular CLI workspace. The --export option will also export...