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>

但是使用此代码，选取框包含我的所有信息，而不仅仅是一个！

我怎样才能有一个选取框，将每个信息从我的数据库中按顺序显示在一行中？就像本例中的show 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%; }
}

如何将Firebase数据放入选框

1 个答案: