0
良い一日をオブジェクト含まれ、Firebase /：HTMLで表示されないメッセージが、メッセージはSO
私は（私は全く正直に堪能ではないよ角度JSを経由して自分のシステムに基本的なfirebaseチャットモジュールを組み込むしようとしています..）
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()
})
}
})
そして今、ここに面白いことが..です私のメッセージが取得されている（I火災データベースにある各メッセージのダッシュが表示されるようにダッシュを{{m.messages}}の後ろに置いてください。メッセージは表示されません。 sc私firebaseのreenshot（注：現在7つのメッセージを持っている）：
そして、ここでは私のHTMLページ（それは私のfirebaseで7つの項目のための7つのダッシュを示して）のスクリーンショットです
firebaseデータベースの名前だけでなくjavascriptコードのスコープもチェックしていますが、私のメッセージはまだ表示できません。しかし私のページからfirebaseデータベースにメッセージを送ることができます。 （ボタンと送信機能が動作しています！）唯一の問題は今メッセージを表示している..
私は迷っています。私はすぐにここに投稿に返信します:)ありがとう！
編集：私が使用している場合は{{M | JSON}}：
代わりに '{{m.message}} - ' {{m | json}} 'を試してみてください。 –
こんにちは！私はエラーを受け取りました：TemplateSyntaxError、無効なフィルタ： 'json'、画像が下の質問にあります。なぜなら私はDjangoとPythonを使って開発しているからですか？ –
django/pythonを使用しているときにjavascriptの解析が異なることに気付きました。私はまだHTMLページにメッセージを表示する方法を見つけることができません。 –