在文本消息中从 Firebase 转换数组答案

【问题标题】：Convert array from Firebase in text message在文本消息中从 Firebase 转换数组
【发布时间】：2016-07-12 21:52:52
【问题描述】：

我想创建一个从 Firebase 显示文本值的应用程序，但我不知道如何在我的索引中显示来自 Firebase 的文本。

这是我的索引：

<!DOCTYPE html>
<html ng-app="root">

  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
  <script src="https://cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
      <!--FOR ANGULAR JS-->
  <script src="root.js"></script>
  <script src="services.js"></script>
    <!--END ANGULARJS -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap Grid</title>
    <!-- Bootstrap -->
    <link href="bootstrap.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet" type="text/css" media="all" />


  <script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>

  </head>
  <body>

<div class="container-fluid">

  <div class="content">
    <div class="top-content">
      <div class="row">
          <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 red" >
                  <div ng-controller="root3"><div ng-repeat="message in messages"> {{ message.text }} </div> </div>
          </div>
</div>
</div>
</div>
</div>
</body>
</html>

这是我的 angularJS 代码：

  var root = angular.module('root',["services", "firebase"]);
   root.controller("root",["$scope", "message",function($scope, message) {
       $scope.message = message;
    }]);
    root.controller("root2",["$scope", "message2",function($scope, message){
       $scope.message = message;
    }]);
  root.controller("root3",["$scope", "$firebaseArray", function($scope, $firebaseArray) {
      var ref = new Firebase("https://web-quickstart-8326d.firebaseio.com");
      var currentMessageRef = rootRef.child('location');
      $scope.messages = $firebaseArray(currentMessageRef);

      var a=1;
  }]);
root.controller("root3",["$scope", "$firebaseArray", function($scope, $firebaseArray) {
      var ref = new Firebase("https://web-quickstart-8326d.firebaseio.com");
      var currentMessageRef = rootRef.child('location');
      $scope.messages = $firebaseArray(currentMessageRef);

      var a=1;
  }]);

也许，可以使用 snapshot.val 显示来自 firebase 的价值？

感谢您的帮助！

【问题讨论】：

标签： angularjs firebase firebase-realtime-database angularfire

【解决方案1】：

我做了一个这样的控制器并且可以工作：

root.controller("root3",["$scope", function($scope) {
      var ref = new Firebase("https://web-quickstart-8326d.firebaseio.com");
      var currentMessageRef = rootRef.child('location');
      currentMessageRef.once("value", function(snapshot) {
        $scope.message = snapshot.val();
        $scope.$apply();
      });
  }]);

我发布了任何其他用户的代码！随意使用！

【讨论】：