Question

我正在使用MEAN堆栈的网站上工作。我正在尝试从选择框中选择一个存储在我的MongoDB中的选项。每个选项还包含一些未在选择框中显示的其他信息。

我想要完成的是获取所选选项并将此值带到另一个页面，并在另一页上显示该值以及属于此选项的所有其他信息。

这是我的选择框：

<div class="searchbox" ng-controller="cityCtrl">
  <div class="plumber-by-city col-sm-6">
     <select>
       <option>Zoek loodgieter op plaatsnaam</option>
       <option ng-repeat="x in doc">{{ x.city }}</option>
     </select>
  </div>
</div>

这就是我在Node中从MongoDB获取数据的方法：

var cityInfoSchema = new Schema ({
  city: String,
  phoneLG: String,
  phoneAV: String,
  phoneCV: String
}, {collection: 'citynames'});

var CityInfo = mongoose.model('CityInfo', cityInfoSchema);

router.get('/getdata', function(req, res, next){
  CityInfo.find()
    .then(function(doc){
    console.log('Data successfully retrieved');
    res.json(doc);
  });
});

这就是我使用Angular获取前端数据的方法：

angular.module('loodgietersApp').controller('cityCtrl',function($scope,$http){
 $scope.doc = [];

 $http.get('/getdata').then(function(d){
   console.log(d);
   $scope.doc = d.data;
 },function(err){
   console.log(err);
 });
});

这是我希望所选项目的信息传递到并显示的页面：

<div class="container plumbers" ng-controller="cityCtrl">
   <p>This is a sample text {{city}}</p>
   <p>This is a sample text {{phoneAV}}</p>
   <p>This is a sample text {{phoneCV}}</p>
</div>

获取所选值并传递到新页面

0 个答案: