火力/角:消息在HTML没有显示,但包含消息对象(Firebase/Angular: Message

2019-10-29 08:26发布

好日子SO,

我试图将一个基本的火力聊天模块为通过角JS我的系统(我诚实一点都精通..)

我面临的一个问题,由此我的项目没有在我的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}},这样一个破折号会在我的火力数据库打印每个消息(表明他们是被检索到的),但我的消息不会被显示。

这里是我的火力点的截图(注:目前有7个消息):

这里是我的HTML页面的截图(它显示7个破折号在我的火力点7项):

虽然我已经检查了我的javascript代码范围,以及在我的火力数据库namings,我的邮件仍然无法显示。但我可以通过我的页面发送邮件到火力数据库。 (按钮和发送功能正在努力!)唯一的问题是现在显示的消息..

我很茫然。请帮帮我吧! 我会及时回复到这里的任何讯息:)谢谢你这么多!

编辑:如果我使用{{M | JSON}}:

Answer 1:

我已经解决了使用上的呈现问题{%verbatim%}标签。



文章来源: Firebase/Angular: Messages not showing in HTML, but contain the message objects