AngularJS中如何使用$http对MongoLab数据表进行增删改查

前端之家收集整理的这篇文章主要介绍了AngularJS中如何使用$http对MongoLab数据表进行增删改查前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

页面

以上,页面显示course_list.html,add_course.html和edit_course.html的内容显示与toggleAddCourseView和toggleEditCourseView值有关,而toggleAddCourseView和toggleEditCourseView值将通过方法来控制。

在Mongolab上创建数据库和表

→ https://mongolab.com → 注册登录 → Create new → 选择Single-node

勾选SandBox,输入Database name的名称为myacademy。

→ 点击新创建的Database → 点击Add collection

名称为course

→ 点击course这个collection。 → 多次点击add document,添加多条数据

控制器

添加 $scope.addCourse = function(course){ $http.post(url,course,config) .success(function(data){ $scope.loadCourses(); }) } //显示修改 $scope.editCourse = function(course){ $scope.toggleEditCourseView = true; $scope.courseToEdit = angular.copy(course); } //修改 $scope.updateCourse = function(courseToEdit){ var id = courseToEdit._id.$oid; $http.put(url + "/" + id,courseToEdit,config) .success(fucntion(data){ $scope.loadCourses(); }) } //删除 $scope.delteCourse = function(course){ var id = course._id.$oid; $http.delete(url+ "/" + id,config) .success(function(data){ $scope.loadCourses(); }) } $scope.toggleAddCourse = function(flag){ $scope.toggleAddCourseView = flag; } $scope.toggleEditCourse = fucntion(flag){ $scope.toggleEditCourseView = flag; }

course_list.html 列表

add_course.html 添加

edit_course.html 更新

以上所述是小编给大家分享的AngularJS中如何使用$http对MongoLab数据表进行增删改查的相关知识,希望对大家有所帮助。

原文链接:https://www.f2er.com/js/50427.html

猜你在找的JavaScript相关文章