Ionic3,Angular和Firebase从数据库获取

时间:2018-06-20 01:51:06

标签: angular firebase firebase-realtime-database ionic3 angularfire2

正在使用聊天应用程序。将消息推送到数据库工作正常,但获取查询似乎无效。

ts文件看起来像这样,将消息发送到db可以正常工作。 收到消息不起作用。

ngOnInit(){
  this.encryptedMessages = this.getMessage();
}

getMessage(){
  return this.db.list('/messenger');
}

sendMessage(){
  this.db.list("/messenger").push({
  username: this.username,
  message: this.message
 }).then(()=>{
  //what happens once message is sent
 });
}

html看起来像这样。使用* ngFor和异步管道显示从数据库检索到的所有消息。屏幕上没有任何内容

<ion-content padding>
  <div id="message" *ngFor="let m of encryptedMessages | async">
    <div class="username">{{ m.username }}</div>
    <div class="message"> {{ m.message }} </div>
  </div>
</ion-content>

1 个答案:

答案 0 :(得分:0)

您还必须订阅列表。

$stmt = $con->prepare("SELECT * FROM wp_products ORDER BY cat");
$stmt->execute();

$results = $stmt->get_result();
echo "<p><center><h4>Master List</h4></center></p>";
echo "<table>
<tr>
<th>Product</th>
<th>Link</th>
<th>Status</th>
</tr>";
if (mysqli_num_rows($results)>0){
while($row = $results->fetch_assoc())
{
  echo "<tr><td>" . $row['product'] ."</td>";
  echo "<td>". $row['link'] ."</td>;
  echo "<td>". $row['status'] ."</td></tr>";
}
}
echo "</table>";