Inserting data into MongoDB using Angular JS

Question

I am trying to insert some user input data to database, instead of mySQL i have decided to use MongoDB. here i have my input form

form.html

<div class="row" ng-controller="formController">

<form class="form-inline">
    <input class="form-control" name="userName" placeholder="Name"><br>
    <input class="form-control" name="email" placeholder="E-mail"><br>
    <input class="form-control" name="phone" placeholder="Phone"><br>
    <input class="form-control" name="address" Placeholder="Address">
    <input type="submit" class="btn btn-primary" value="Add">
</form>

</div>

how can i insert these values into MongoDB using angular ? Note: formController is empty and has no codes in it !

You need a server of some sort, you cannot write to a database directly from the client. — Pier-Luc Gendreau
– Pier-Luc Gendreau, Commented Jan 1, 2016 at 19:36
Angular is a frontend framework. It doesn't insert into Mongo — OneCricketeer
– OneCricketeer, Commented Jan 1, 2016 at 19:36

ipinak · Accepted Answer · 2016-01-01 19:48:36Z

1

Accessing MongoDB is not so different than MySQL. You need some sort of library that will help you connect to it (like you would do in all SQL databases that I know). For that you might need a backend to handle the form submission, as @cbass mentioned.

Also take a look at a few restful approaches https://docs.mongodb.org/ecosystem/tools/http-interfaces/

I don't know any PHP so I cannot help with that. But take a look at this: https://secure.php.net/manual/en/class.mongodb.php

edited Jan 1, 2016 at 19:48

answered Jan 1, 2016 at 19:42

ipinak

6,0793 gold badges27 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sam Over a year ago

is this possible to do with PHP ?

ipinak Over a year ago

I revised my answer take a look above. Hope it will give you a hint.

errata · Accepted Answer · 2016-01-01 19:43:42Z

0

Since Mongo does not have a vanilla http interface you will need a backend adapter such as Mongoose for Node, or ActiveRecord w/prostrgres (Rails)

There are "databases", ElasticSearch comes to mind, that have a Restful JSON interface. ElasticSearch is not what I would consider a System of Record Database, but I am trying to make a point that you need an http/json layer to accept your requests and push the data into a database.

If you know JS well enough definitely give Mongoose/Express/Node a try. For any real application you will want a proper backend and Node is an easy place to start.

answered Jan 1, 2016 at 19:43

errata

27.4k2 gold badges25 silver badges33 bronze badges

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

This is the only part I hate about Stackoverflow. People here consider that you should know everything before posting question.

Considering that you are new to Angular(like I was once), lets get some points cleared:

Angular is a front-end framework, it will manage how data looks in HTML
To make your app interact with MongoDB, you need nodejs or any other backend.
You need to create a RESTful API. Hitting direct queries on DB is really not a standard for modern web-apps. Checkout this example: https://www.codementor.io/olatundegaruba/nodejs-restful-apis-in-10-minutes-q0sgsfhbd

When done creating RESTful api, you need to hit that api using GET method in angualar.

You controller might look like this:

var app = angular.module('myapp');
.controller('lister', ['$http', function($http) {
var self = this;

$http.get('http://localhost:3000/testCollection')
  .then(function(response) {

self.items = response.data;
}, function(errResponse) {
console.error('Error while fetching menus' + errResponse);
});
}]);

Collectives™ on Stack Overflow

Inserting data into MongoDB using Angular JS

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related