Integrating MongoDb with Angular: A Beginner's Guide

Question

Integrating MongoDb with Angular: A Beginner's Guide

I am facing an issue with accessing MongoDB in my IONIC project. Despite using a controller and having functions available in the template, I can't seem to connect to mongoDB. I am unsure of how to resolve this problem.

$scope.InsertUser = function(){
    user = $("#NameId").val();
    db.users.insert(user);
}

Upon checking the log, it states "db is not defined". While I understand that this cannot be used on the client side, I am puzzled about where the server side should be located. Here's the directory tree structure of my project:

enter image description here

I have searched through various videos and tutorials, but I still can't figure out where to declare my collections or place my CRUD methods such as: db.users.insert(user);

If anyone has insights on how to handle this issue, your help would be greatly appreciated!

javascript angularjs mongodb meteor

Answer 1

Answer №1

To successfully implement this, it is important to remember that all declarations should be done on the server side. Depending on which server side you are using, my preference lies with the Play Framework in conjunction with Java. What I typically do is initiate a GET request from Angular utilizing RestAngular to communicate with a function on the server side. Here's an example: Client Side:

return: function(){
    restAngular.all("/get").get().then(function(result){
        $scope.array = result;
    })
}

(the GET request retrieves its response from this function) Server Side:

private final MongoClient mongoClient = new MongoClient();
private final MongoDatabase db = mongoClient.getDatabase("test");
private final MongoCollection<Document> usersCollection = MongoDatabase.getCollection("posts");

public static Result getResult(){
    return usersCollection.find().sort(descending("date"))
                              .limit(limit)
                              .into(new ArrayList<Document>());
}

This serves as a basic example of how to execute it with Angular on the client side and Java on the server side. For additional assistance, feel free to leave a comment below.

Answer 2

To successfully implement this, it is important to remember that all declarations should be done on the server side. Depending on which server side you are using, my preference lies with the Play Framework in conjunction with Java. What I typically do is initiate a GET request from Angular utilizing RestAngular to communicate with a function on the server side. Here's an example: Client Side:

return: function(){
    restAngular.all("/get").get().then(function(result){
        $scope.array = result;
    })
}

(the GET request retrieves its response from this function) Server Side:

private final MongoClient mongoClient = new MongoClient();
private final MongoDatabase db = mongoClient.getDatabase("test");
private final MongoCollection<Document> usersCollection = MongoDatabase.getCollection("posts");

public static Result getResult(){
    return usersCollection.find().sort(descending("date"))
                              .limit(limit)
                              .into(new ArrayList<Document>());
}

This serves as a basic example of how to execute it with Angular on the client side and Java on the server side. For additional assistance, feel free to leave a comment below.

Integrating MongoDb with Angular: A Beginner's Guide

Answer №1

Similar questions

Exploring the Information Within HTML Forms

conceal the starting and ending markers for text separators

The CSS popup box fails to reset its data after being closed, and the closure button does not effectively close the popup

Issue encountered during testing does not appear in final compilation and prevents tests from executing

Error message "wrong number of arguments (1 for 2)" is indicated by Mongoid relationship issue

Encountered an error while attempting to update an object: Unable to read property 'push' of undefined

Creating a function in React to be passed as a prop

When attempting to sign in or sign up on Vuex using Firebase, encountering errors such as "Cannot read property '$store' of undefined" or issues with Function CollectionReference.doc() may occur

Encountering an error in AngularJS $http calls while trying to loop: TypeError - object is not functioning

Tips for effectively managing a Vue3/Quasar project that involves both dynamic and static image paths

Creating an HTTP request in Node.js and saving it to a file

The Angular ng-bind directive does not reflect changes in value updates

What causes the function to return null when using router.get('/:x',..), whereas router.get('/foo/:x',...) works perfectly fine?

Using JavaScript to create circular shapes on canvas with paint circle

Why do I keep encountering this error when running my Node.js server?

Can JavaScript be accessed from a background thread in a Cordova Android plugin?

Generate a sparse array using only a single line of code

My goal is to retrieve the top three highest rated products

Eliminate duplicate objects from arrays of objects by a specific key name

Transferring an array of any size from Java to PHP and effectively managing it in PHP