스타일 NG2 - 부트 스트랩의 선행 입력 목록 - 항목

Question

문제 :

나는 결과가 서로 (전체 폭) 이하로 투명 배경을 가지고 있지 싶습니다. 나는 항목 중 하나를 오른쪽 클릭하여 '검사'를 클릭하여 선택기로 사용할 항목을 파악했습니다. 내가 시도 무엇

:

이 일을 변경하지 않은

ul.dropdown-menu li { 
background-color: black !important; 
opacity: 1 !important; 
color: yellow !important; 

}, 그래서 하나 내가 바로 그것을 선택 아니에요 또는 모르겠어요. 맞춤 템플릿이 있습니다.

<template #customItemTemplate let-model="item" let-index="index"> 
    <h5 style="width: 100%">{{model.title || model.name}}</h5> 
</template> 

에도 불구하고 인라인 스타일로 변경되지 않았습니다.

질문 :

어떻게 결과의 스타일을 할 수 있습니까?

추 신 : MaterializeCSS를 사용하고 있음을 언급하는 것이 유용 할 수 있습니다. 내가 그렇게 완전히 선행 입력 결과 템플릿을 대체 할 수 있습니다 5.0 에 TypeaheadDirective에 대한 optionsListTemplate 입력을 노출 한

Answer 1

) 디폴트의 소스 코드는 여기에서 확인할 수 있습니다 https://github.com/valor-software/ng2-bootstrap/blob/development/src/typeahead/typeahead-container.component.ts#L22-L32