angular / angular/components

(Feature request) Custom template for autocomplete/select options

Open
#7,477 8 comments 21 reactions 0 assignees View on GitHub
area: material/autocomplete area: material/select feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Feature request

#### What is the expected behavior?
Possibility to use autocomplete or select with custom templates to show styled options, like on Angular Material for AngularJS autocomplete [here](https://material.angularjs.org/1.0.2/demo/autocomplete).

Example:

![captura de tela 2017-10-02 as 14 04 42](https://user-images.githubusercontent.com/8621883/31091076-271bfade-a780-11e7-9be2-765812ac7fab.png)

#### What is the current behavior?
All options are shown using a single line option template.

#### What are the steps to reproduce?
It can be seen on the docs [here](https://material.angular.io/components/autocomplete/examples).

#### What is the use-case or motivation for changing an existing behavior?
Allowing the customization of the options for the autocomplete/select can help creating a better user experience.

Contributor guide

Open the contributing guide

Research direction

Start with the linked Angular Material autocomplete examples and compare them with the current autocomplete/select behavior described in this issue. Define the customization scope and verify that autocomplete and select options can display styled, multi-line content while preserving their existing behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.