如何根据搜索从Firebase检索数据？_Firebase_Ionic Framework_Firebase Realtime Database_Ionic2

如何根据搜索从Firebase检索数据？

firebase ionic-framework ionic2

如何根据搜索从Firebase检索数据？,firebase,ionic-framework,firebase-realtime-database,ionic2,Firebase,Ionic Framework,Firebase Realtime Database,Ionic2,在我的ionic 2应用程序中，我将一些信息推送到Firebase的实时数据库，在另一个页面中，我希望根据搜索检索这些数据以下是我的Firebase参考的外观： ---Bloods -----id 这是我的search.html，而不是显示加载屏幕，我想列出所选的数据（例如rh+，女性）搜寻血型右+ 右- B右+ B右- AB-Rh+ AB-Rh- 0相对湿度+ 0相对湿度- 0公里 100公里性别男性女性搜寻如何实现这一点？这是搜索功能的演示代码，我使用a

在我的ionic 2应用程序中，我将一些信息推送到Firebase的实时数据库，在另一个页面中，我希望根据搜索检索这些数据

以下是我的Firebase参考的外观：

---Bloods

     -----id

这是我的search.html，而不是显示加载屏幕，我想列出所选的数据（例如rh+，女性）


搜寻
血型
右+
右-
B右+
B右-
AB-Rh+
AB-Rh-
0相对湿度+
0相对湿度-
0公里
100公里
性别
男性
女性
搜寻

如何实现这一点？

这是搜索功能的演示代码，我使用angular.js实现了这一点。根据您的要求编辑此代码

Html文件：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

  <div ng-app = "myApp" ng-controller = "myCtrl">

  <br>
  <br>

  Enter text for search in table : <input type="text" placeholder="enter text here" ng-model = "test.name">

  <br>
  <br>


 <table border="1" width="100%" >

   <tr>

    <td align="center">Name</td>

    <td align="center">Work</td>

   </tr>

  <tr  ng-repeat  = 'x in names | filter : test.name | filter : test.work'>

      <td >{{x.name | myFilter}}</td>

      <td >{{x.work | myFilter}}</td>

  </tr>

 </table>


  </div>

<script src = "JS.js">

</script>

</body>
</html>






在表中输入要搜索的文本：




名称
工作
{{x.name | myFilter}}
{{x.work | myFilter}}

控制器文件：

var app = angular.module("myApp",[]);

app.controller("myCtrl",function($scope){

  $scope.names = [{name : 'Nivesh',work : 'fokta'},
  {name : 'hello',work : 'personal'},
  {name : 'nivesh',work : 'marketiing'},
  {name : 'dinesh',work : 'finance'},
  {name : 'kali',work : 'business'},
  {name : 'lalu',work : 'wood'},
  {name : 'kaliya',work : 'iron works'},
  {name : 'gabbar',work : 'NGo'}

  ];

});


app.filter('myFilter', function() {
    return function(x) {
        var i, c, txt = "";
        for (i = 0; i < x.length; i++) {
            c = x[i];
            if (i % 2 == 0) {
                c = c.toUpperCase();
            }
            txt += c;
        }
        return txt;
    };
});

var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.names=[{name:'Nivesh'，work:'fokta'}，
{姓名：'你好'，工作：'个人'}，
{名称：'nivesh'，作品：'Marketing'}，
{姓名：'dinesh'，工作：'finance'}，
{姓名：'kali'，工作：'business'}，
{名字：'lalu'，作品：'wood'}，
{名称：'kaliya'，作品：'iron works'}，
{姓名：'gabbar'，作品：'NGo'}
];
});
app.filter（'myFilter'，function（）{
返回函数（x）{
变量i，c，txt=“”；
对于（i=0；i

您是否实现了搜索功能？@niveshshastri我没有告诉您我的实现搜索的演示代码functionality@niveshshastri谢谢，你能简单地解释一下代码吗？在我的代码中，我定义了一个过滤器名为“myFilter”，当任何人键入这个过滤器将调用的单词时。根据您的要求，在此处编写firebase代码以获取数据。由于数组的原因，您可以在var c=x[i]中获取word。

var app = angular.module("myApp",[]);

app.controller("myCtrl",function($scope){

  $scope.names = [{name : 'Nivesh',work : 'fokta'},
  {name : 'hello',work : 'personal'},
  {name : 'nivesh',work : 'marketiing'},
  {name : 'dinesh',work : 'finance'},
  {name : 'kali',work : 'business'},
  {name : 'lalu',work : 'wood'},
  {name : 'kaliya',work : 'iron works'},
  {name : 'gabbar',work : 'NGo'}

  ];

});


app.filter('myFilter', function() {
    return function(x) {
        var i, c, txt = "";
        for (i = 0; i < x.length; i++) {
            c = x[i];
            if (i % 2 == 0) {
                c = c.toUpperCase();
            }
            txt += c;
        }
        return txt;
    };
});