Firebase 데이터를 선택 윤곽에 넣는 방법

Question

내 firebase 데이터베이스에는 각 노드에 대한 문자열이있는 트리가 있습니다.

informations 
|----- info 1 
|----- info 2 
|----- info 3 

내 html에서는 각 정보를 "뉴스 피드"와 같은 것을 만드는 선택 윤곽에 표시하고 싶습니다. 내 정보를 올바르게 검색 할 수 있습니다. 문제는 내 데이터베이스에있는 각 정보에 대해 선택 윤곽을 만드는 방법입니다. 내 천막 템플릿 (올바르게 작동하는지)이다

<div class="marquee"> 
    <div> 
    <span>Information 1</span> 
    <span>Information 2</span> 
    </div> 
</div> 

.marquee { 
    height: 25px; 
    width: 420px; 

    overflow: hidden; 
    position: relative; 
} 

.marquee div { 
    display: block; 
    width: 200%; 
    height: 30px; 

    position: absolute; 
    overflow: hidden; 

    animation: marquee 5s linear infinite; 
} 

.marquee span { 
    float: left; 
    width: 50%; 
} 

@keyframes marquee { 
    0% { left: 0; } 
    100% { left: -100%; } 
} 

내 문제는 내 데이터베이스에서 데이터를 검색하는 * ngFor를 넣어 곳입니다.

내 윤곽 try 코드 중 하나를

<div class="marquee" *ngFor="let d of descriptions"> 
     <div> 
     <span >"{{d.text}}" - {{d.user}}</span> 
     </div> 
    </div> 

을하지만이 코드로, 천막 내 모든 정보를 포함하고,뿐만 아니라 한 번에!

데이터베이스의 각 정보를 하나의 행으로 순차적으로 표시하는 선택 윤곽을 만들려면 어떻게해야합니까? 이 예의보기처럼 https://codepen.io/anon/pen/wpBrLv

나는 나의 문제를 정정하기를 원한다.

Answer 1

이 코드

<div class="marquee" > 
    <div> 
    <span *ngFor="let d of descriptions">"{{d.text}}" - {{d.user}}</span> 
    </div> 

을 시도

CSS

@keyframes marquee { 
    0% { left: 100%; } 
    100% { left: -100%; } 
}