好日子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}}: