MongoDB array with AngularJS

Question

I'm trying to insert data MondoDB with AngularJS's $http service , but one of the variables and the array What is in the collection , What to do ?

nome: string. autor: string. genero: array. info: string.

Collection: mangas.

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

Server.Js, Find mangas.

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, Insert mangas.

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

In HTML:

you should use ng-model in html to bind with controller

Like:

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

instead of

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

and in controller:

you should use $scope.manga instead of $scope.mangas because of you bind manga in html input fields.

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

})};