angularjs - 将 angularjs 和 node.js 后端与 Cloudant DB 搜索 API 结合使用

Question

我正在尝试使用搜索 API 从我的 node.js 后端搜索我的 cloudant 数据库，然后在网页上显示返回的内容。

我正在使用 Angular MVC，我对它有点陌生，如果这有点简单，我很抱歉。

我有一个 html 前端，其中包含这个 -

<button class="btn btn-default" ng-click="getDataandHeadings()"></button>

<table>
<tr ng-repeat="doc in myData">
  <td>{{doc.doc.TerritoryTypeName}}</td>
  <td>{{doc.doc.TeamOwnerSerialNo}}</td>
  <td>{{doc.doc.TeamOwnerName}}</td>
  <td>{{doc.doc.TeamOwnerNotesID}}</td>
  <td>{{doc.doc.SellerSerialNo}}</td>
  <td>{{doc.doc.SellerName}}</td>
  <td>{{doc.doc.SellerNotesID}}</td>
</tr>
</table>

Controller -

'use strict';

var app = angular.module('app', false);

app.controller('greetingscontroller', function($scope, $http) {

$scope.getDataandHeadings = function() {

     $http.get('/retrieve').success(function(data) {

       $scope.myData = data;
     }).error(function(err) {
        //handle the error
     });
  };

});

后端 Node 应用-

var express = require('express');
var secrets = require('./secrets.js');
var Cloudant = require('cloudant');
var csv = require('csv-parser');
var fs = require('fs');
var cloudant = Cloudant({account: secrets.cloudantUser, password:secrets.cloudantPassword});
var cfenv = require('cfenv');


var app = express();
app.use(express.static(__dirname + '/public'));

var arr = [];
var headings = [];
var bufferString;
var i;
var db = cloudant.db.use('my_sample_db');


app.get('/retrieve', function(req, res) {

var db = cloudant.db.use('my_sample_db');


// db.get('_all_docs', {include_docs: true}, function(err, body) {
//    if(!err) {
//      console.log(body.rows.length +'  '+body.total_rows);
//      for (var i = 0; i < body.rows.length; i++) {
//         console.log('Document id: %s', body.rows[i].id);
//      }
//
//      res.status(200).json(body.rows);
//    }
//    if(err) {
//      console.log(err);
//    }
//  });

db.search('app', 'mySearch', {q:'TerritoryTypeName:NHS'}, function(err, body) {

console.log(body.rows.length +'  '+body.total_rows);
for (var i = 0; i < body.rows.length; i++) {
   console.log('Document id: %s', body.rows[i].id);
}
res.status(200).json(body.rows);

 if (err) {
  console.log(err);
 }
});

});



var appEnv = cfenv.getAppEnv();

app.listen(appEnv.port, '0.0.0.0', function() {

console.log("server starting on " + appEnv.url);
});

如您所见，在我的后端，我对数据库进行了 2 个类似的 API 调用 - db.get 和 db.search -(其中一个已被注释掉)。被注释掉的那个只返回数据库中的所有内容，第二个使用我的键:值对 - TerritoryTypeName:NHS 进行查询。

注释掉的调用按我想要的方式工作，当我点击前端的按钮时，会显示数据库中的数据。

另一个 API 调用似乎不起作用，因为当我单击时前端没有显示任何内容。我不明白为什么其中一个起作用而另一个不起作用，因为它们是如此相似？

但是，我认为 db.search 函数工作正常，因为 console.log 行运行良好，并在终端上显示基于查询从数据库返回的预期条目。我认为问题可能出在 html 或 Controller 中？如果有人可以提出任何建议，那就太好了!这是终端的副本:

server starting on http://localhost:6001
2  2
Document id: 4092be64a755bc04432a5187cdf70006
Document id: 4092be64a755bc04432a5187cdf6f9c2
{ total_rows: 2,
  bookmark: 'g1AAAACqeJzLYWBgYMpgTmHQSUlKzi9KdUhJMtFLyilNzc2s0C3N1i0uScxLSSxKMdRLzskvTUnMK9HLSy3JAenKYwGSDAuA1P____dnZTC52R9eXAUSS2RANdGcJBMfQEz8DzbxWc1JsImMWQAEtDc6',
  rows: 
   [ { id: '4092be64a755bc04432a5187cdf70006',
       order: [Object],
       fields: [Object] },
     { id: '4092be64a755bc04432a5187cdf6f9c2',
       order: [Object],
       fields: [Object] } ] }

Answer 1

尝试将 include_docs 添加到您的搜索查询中:

{q:'TerritoryTypeName:NHS', include_docs:true}

看起来您返回的数据不包括您试图在 HTML 中访问的 doc 对象:

<tr ng-repeat="doc in myData">
  <td>{{doc.doc.TerritoryTypeName}}</td>
  <td>{{doc.doc.TeamOwnerSerialNo}}</td>
  ...
</tr>

看起来您希望从服务器返回的数据看起来像这样:

rows : [
  {
    doc : {
      TerritoryTypeName: "xxx",
      TeamOwnerSerialNo: "xxx",
      ...
  },
  {
    doc : {
      TerritoryTypeName: "yyy",
      TeamOwnerSerialNo: "yyy",
      ...
  }
]

但是，它是这样从服务器返回的:

rows: [
  {
    id: '4092be64a755bc04432a5187cdf70006',
    order: [Object],
    fields: [Object]
  },
  {
    id: '4092be64a755bc04432a5187cdf6f9c2',
    order: [Object],
    fields: [Object]
  }
]