Firebaseからテキストメッセージ内の配列を変換する

Firebaseからテキストを表示するためのアプリケーションを作成したいのですが、私のインデックスに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から値を表示するpossibileですか？

ありがとうございました！

出典

2016-07-12 Diaconu Eduard

私はこのようなコントローラの外観を作り、作品：

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(); 
     }); 
    }]);

私は、他のユーザーのためのコードを掲載！どうぞお気軽にご利用ください！

出典

2016-07-12 09:03:04

Firebaseからテキストメッセージ内の配列を変換する

答えて

関連する問題