Firebase / Angular：メッセージはHTMLで表示されませんが、メッセージオブジェクトが含まれています
ベンジタン
良い一日SO、
基本的なFirebaseチャットモジュールをAngularjsを介してシステムに組み込んでいます（正直なところ、まったく熟練していません。）
FirebaseメッセージがFirebaseデータベースから取得されているのに、アイテムがHTML要素に表示されないという問題に直面しています。
これが私のHTMLコードです：
<html lang="en" ng-app="chatApp">
...
<section id="content3" class="tab-content">
<div class="card mb-3">
<div class="card-header">
<i class="fa fa-comments-o"></i>
Instant Chat Messenger – Crisis Management Office
</div>
<div class="card-body" ng-controller="ChatController">
<p ng-repeat="m in messages">{{m.message}}- </p>
<div class="form-row">
<div class="form-group col-md-11">
<input type="text" class="form-control" id="chatEntry" rows="14" placeholder="Type your message here" ng-model="messageText">
</div>
<div class="form-group col-md-1">
<button type="submit" class="btn btn-primary btn-block" id="sendBtn" ng-click="send()">Send</button>
</div>
</div>
</div>
</div>
</section>
そして、これがangular.jsコードです：
var app = angular.module('chatApp', ['firebase']);
app.controller('ChatController', function($scope, $firebaseArray) {
var crisis = "Crisis1";
//Query
var ref = firebase.database().ref().child(crisis).child('CMO-PMO');
$scope.messages = $firebaseArray(ref);
$scope.send = function() {
$scope.messages.$add({
sender: "PMO",
message: $scope.messageText,
date: Date.now()
})
}
})
そして今、ここに面白いことがあります..私のメッセージが取得されています（{{m.messages}}の後ろにダッシュ '-'を置いて、Firebaseデータベース内の各メッセージにダッシュが出力されるようにします（取得されています）が、メッセージが表示されていません。
これが私のfirebaseのスクリーンショットです（注：現在7つのメッセージがあります）：
これが私のHTMLページのスクリーンショットです（Firebaseの7つのアイテムに7つのダッシュが表示されます）：
javascriptコードでスコープと、Firebaseデータベースの名前を確認しましたが、メッセージを表示できません。ただし、ページを介してFirebaseデータベースにメッセージを送信できます。（ボタンと送信機能が機能しています！）現在の唯一の問題はメッセージの表示です。
私は途方に暮れています..私を助けてくださいSO！ここに投稿があればすぐに返信します:)ありがとうございます！
編集：{{m | json}}を使用する場合：
ベンジタン
{%verbatim%}タグを使用してレンダリングの問題を解決しました。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
Angular FIrebase5オブジェクトのキーが表示されていません。削除できません
- 2
Firebaseメッセージ、onMessageが呼び出されていません
- 3
FirebaseメッセージングimportScriptsが定義されていません
- 4
Firebaseメッセージが受信されません
- 5
Firebase Serverは、firebase-adminがインストールされているが表示されないというメッセージを表示します
- 6
Firebase Cloudメッセージングリクエストに無効な引数が含まれています
- 7
Firebase通知には、タイトルとメッセージの両方が含まれています
- 8
Firebaseクラウドメッセージ/通知が受信されていません。JS
- 9
Firebaseクラウドメッセージングからの通知は受信されますが、クラウドメッセージングレポートには表示されません
- 10
Firebaseメッセージングはブラウザでサポートされていませんこれを解決する方法は？
- 11
Firebaseチャットアプリが、送信するメッセージアプリの選択肢のリストに含まれていません
- 12
メッセージ送信時にFirebase通知サービスが登録されていません
- 13
Firebaseを使用して電話でログインする方法は？「reCAPTCHAコンテナが見つからないか、すでに内部要素が含まれています！」というエラーメッセージが表示されます。
- 14
Firebase Cloud Messagingトピックを送信します。メッセージは通知に表示されず、送信されません
- 15
キャッチされないエラー：Firebaseオプションでストレージバケットが定義されていません。（ウェブ）
- 16
Firebaseメッセージングは送信されたメッセージを0と表示します
- 17
Androidデバッガー-Firebaseオブジェクトが難読化されています
- 18
FirebaseメッセージングonCreateは呼び出されません
- 19
Android Firebase 通知メッセージを受信しましたが、通知プロンプトが表示されませんか?
- 20
Firebaseイメージオブジェクトが存在しませんか？
- 21
IonicFrameworkとFirebase3.xバージョン：このドメインは、FirebaseプロジェクトのOAuth操作が許可されていません
- 22
ユーザーは認証されていますが、「Firebaseストレージ：ユーザーには「パス」にアクセスする権限がありません」というエラーが表示されます
- 23
Firebaseメッセージング、メッセージが受信されない
- 24
Firebase 通知をクリックしてもメッセージが読み込まれない
- 25
新しいFirebaseメッセージングサーバーキーはメッセージングに制限されていますか？
- 26
オブジェクトにuserIDが含まれているFirebaseオブジェクトをクエリする
- 27
Android Firebaseクラウドメッセージ：プッシュメッセージは失われますか？
- 28
Firebaseメッセージング-アンインストールしても通知は妨げられません
- 29
react ssrアプリでFirebaseメッセージングメソッドが呼び出されたときに、自己を修正する方法が定義されていませんか？
コメントを追加