Seeking guidance on Angular, Express, and MeanJs as a beginner. Looking for assistance in posting data and receiving responses. I'm trying to execute a Complile function to send code from a text box to the server, process it, and get a response. However, unsure how to write the necessary code in lab.client.service.js or other files.
I followed a tutorial at https://www.youtube.com/watch?v=DOqLbJTvCv8&feature=youtu.be
File Structure
lab.client.view.html: Contains a text box bound to an angular object "data.code"
<textarea ng-model="data.code"></textarea>
With two buttons triggering functions:
<div style="margin:12px;">
<button type="button" class="btn btn-primary" ng-click="LabController.compile()">Compile</button>
<button type="button" class="btn btn-primary" ng-click="LabController.compileAndUpload()">Compile & Upload</button>
</div>
lab.client.controller.js: Contains methods to compile code
'use strict'; angular.module('core').controller('LabController', ['$scope', 'Lab', function($scope, Lab) { $scope.data = { code: '' }; this.compile = function() { console.log('User clicked compile', $scope.data.code); $scope.message = Lab.compile; }; this.compileAndUpload = function() { console.log('User clicked compileAndUpload', $scope.data.code); $scope.message = Lab.compileAndUpload; }; } ]);lab.client.service.js: Defines HTTP requests
'use strict'; angular.module('core').factory('Lab', ['$resource', function($resource) { console.info("client.service: Working!"); return $resource('lab', { compile: { method: 'POST', url: '/lab/compile' }, compileAndUpload: { method: 'POST', url: '/lab/compileAndUpload', } }); } ]);lab.server.routes.js: Defines server routes
'use strict'; module.exports = function(app) { var lab = require('../../app/controllers/lab.server.controller'); // Lab Routes app.route('/lab/compile') .post(lab.compile); app.route('/lab/compileAndUpload') .post(lab.compileAndUpload); };lab.server.controller.js: Handles incoming requests
'use strict'; var mongoose = require('mongoose'), _ = require('lodash'); var response = { 'message' : 'It works' }; exports.compile = function(req, res) { var code = req.body.data.code; res.jsonp(response); }; exports.compileAndUpload = function(req, res) { var code = req.body.data.code; res.jsonp(response); };