带有 AngularJS 的 MongoDB 数组

Question

我正在尝试使用 AngularJS 的 $http 服务插入数据 MondoDB，但是其中一个变量和数组在集合中是什么，该怎么办？

名称：字符串。 作者：字符串。 通用：数组。 信息：字符串。

收藏：漫画。

db.mangas.insert({nome: 'toriko', autor:'test', genero:['Ação','Aventura'], info:'...'})

Server.Js，查找漫画。

app.get('/mangas', function(req, res){
  console.log('i receive a get request')
  db.mangas.find(function (err, mangas){
    console.log(mangas);
    res.json(mangas);
  });

});

Server.Js，插入漫画。

app.post('/mangas', function (req, res) {
  console.log(req.body);
  db.mangas.insert(req.body, function(err, doc) {
    res.json(doc);
  });
});

index.html、ng-click="addManga"

<tr>
  <td><input class="form-control"manga.nome></td>
  <td><input class="form-control"manga.autor></td>
  <td><input class="form-control"manga.genero></td>
  <td><input class="form-control"manga.info></td>
  <td><button class="btn btn-primary" ng-click="addManga()">Add manga</button></td> ----adiciona o metodo que se encontra no controller
</tr>

     <tr ng-repeat="manga in mangas">
       <td>{{manga.nome}}</td>
       <td>{{manga.autor}}</td>
       <td>{{manga.genero}}</td>
       <td>{{manga.info}}</td>
     </tr>

Controller.js

$http.get('/mangas').success(function(response) {
    console.log("eu recevi a data requisitada");
    $scope.mangas = response;
  });

  $scope.addManga = function() {
    console.log($scope.mangas);
    $http.post('/mangas', $scope.mangas).success(function(response) {
      console.log(response);

    })};

Answer 1

在 HTML 中：

你应该在html中使用ng-model来绑定控制器

喜欢：

<td><input class="form-control" ng-model="manga.nome"></td>

而不是

<td><input class="form-control"manga.nome></td>

在控制器中：

您应该使用$scope.manga 而不是$scope.mangas，因为您在html 输入字段中绑定了manga。

$scope.manga = {};
$scope.addManga = function() {
    console.log($scope.manga);
    $http.post('/mangas', $scope.manga).success(function(response) {
      console.log(response);

})};