如何将 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 放在哪里。

我的一个选框尝试代码：

   <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%; }
}