2017-11-30 14 views
0

재료 2로 다중 선 선택 목록을 표시하는 방법이 있습니까?각도 재료 2 다중 선 선택

다음
<select size="10"> 
    <option *ngFor="let post of posts" [attr.selected]="selectedPost && post.id === selectedPost.id ? true : null" (click)="onSelect(post)">{{post.name}}</option> 
</select> 

이 예는 다음과 같습니다 : 크기 속성은 다음

나는 재료 (2)를 구현하기 전에 내 구성 요소에서 무엇을하고 있었는지의 ... 매트 - 선택 요소에 의해 지원하지 않는 것 list

나는 또한 mat-list를 살펴 봤지만 네이티브 선택을 지원하지는 않는다. 그래서 맞춤 경로를 가기 전에 도움을 요청하고 있습니다. 기본 기능처럼 보이므로 사용하기가 어렵습니다.

+0

다음과 같이 보입니다. https://material.angular.io/components/list/overview#selection-lists – StephaneM

+0

이 예제를 보았지만 확인란이있는 다중 선택입니다. 하나의 선택 만 허용해야하며 확인란이 필요 없습니다. –

+0

죄송합니다. 올바르게 읽지 못했습니다. https://github.com/angular/material2/issues/7157 아직 구현되지 않았지만 마지막 의견은 해결 방법을 제안합니다. – StephaneM

답변

0

각도 2+ 재질이 복수 줄을 지원하지 않습니다 Selects.

폐쇄 된 문제 here을 볼 수 있습니다.

본질적으로 팀은 Material Design 사양이 다중 라인 선택을 허용하지 않는다고 말했습니다.

+0

나는 목록에서 하나의 옵션에 대해 이야기하고 있다고 확신한다. –

+0

@MathM. 혹시. 그들은 "multiple select"라기보다는 "multiline select"라는 제목을 사용합니다. 그들이 실제로 여러 줄을 의미하는 경우를 대비해서 대답을 던질 것이라고 생각했습니다. – Locke

+0

문제 없으니 도와 줘서 고마워! :) –