Creating a tags select component

To support the user in finding the right tag, we'll provide them with a drop-down menu with the available tags. To do this, we need to use the hashtag input objects emitted by our tags input directive. Let's briefly look at the requirements of this component:

  • It should display the available tags gathered from our tags service in a tooltip/callout box
  • It should support a limitation of displayed tags
  • It should receive a hashtag input object to filter the available tags and to position itself using the positional data on the hashtag input object
  • It should emit an event once the user clicks on a tag in the listed tags
  • The component should hide if the filter is invalid, or if there are no elements matching the ...

Get Mastering Angular Components now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.