Tag: angularjs

使用Node + Express web API的angular度应用程序返回JSON资源vs服务器端模板引擎: 对于Node和Express来说，我还是一个新手，而且在使用模板引擎（如Jade）或不使用服务器端渲染的概念方面存在一些困难。我在web开发方面的经验完全基于Angular应用程序，它使用RESTful Web API以JSON格式消耗资源，并使用Angular的双向数据绑定来呈现html。这种方法的优点和缺点是什么，当Angular有很大的灵活性时，在服务器上呈现html页面有什么好处？

在Angular中传回给callback的数据是未定义的: 我在Node.js中有这个端点： usersRoute.get('/get', function(req, res) { //If no date was passed in – just use todays date var date = req.query.date || dateFormat(new Date(), 'yyyy-mm-dd'), search = req.query.search; users.getAllUsers(date, search) .then(function(results) { res.json(results); }, function(err) { res.status(500).json({ success: false, message: 'Server error.', data: [] }); }); }); 出于testing目的，我错误地命名了我的SQL表，所以它会去function(err){} 我的服务function看起来像这样 function getUsers(date, search) { return $http.get('/api/users/get', { […]

表单提交之后更新页面 – 使用Angular: 我正在使用MEAN框架 – 我有一个基本的forms（如下所示），当input数据时，它被发送到一个其余的API，然后有一个函数，使用Mongoose来保存数据。这一切都很好…但是我被卡住了更基本的东西！在用户提交了这个表单后，它会在api / img / add的空白页面上出现，我该如何回到原来的页面？我尝试在表单标签中添加ng-submit =“fetchImages（）”，然后在脚本中实现一个函数（下面也显示），但由于某种原因，这是行不通的，我错过了点，做错了什么？提前致谢 <form action="api/img/add" method="post" enctype="multipart/form-data"> <div> <label for="image">Select an image</label> <input type="file" name="image" id="image"> </div> <div> <label for="title">Title</label> <input type="text" name="title" id="title"> </div> <input type="submit"> </form> < script > angular.module('app', []).controller('main', ['$scope', '$http', function($scope, $http) { $scope.images = []; $scope.fetchImages = function() { $scope.images […]

无法使用快递获取删除标题的任何数据: 我想删除一些数据到我的数据库到一个angular度的应用程序。所以点击删除button我有这个方法调用 function deleteFolder () { var folder = {}; console.log(folder); $http.delete ('/api/v1/folders', {'id': "QPZZGZ", 'name': "MAHU"}).then (function (response) { }); } 而在我的快递服务器上，我有这样的： app.js： app.use('/api/v1/folders', folders); folder.js： var express = require('express'), router = express.Router(); /* DELETE home page */ router.delete('/', function(req, res){ var data = req.body, values = { NAME : data.name, PNR_REF : data.id […]

如何将外部库附加到量angular器configuration文件？: 这是图书馆： //library.js var exports = module.exports = {}; exports.login = function(user_login, user_password) { var input; input = element(by.model('loginInfo.login')); input.sendKeys(user_login); expect(input.getAttribute('value')).toBe(user_login); input = element(by.model('loginInfo.password')); input.sendKeys(user_password); expect(input.getAttribute('value')).toBe(user_password); browser.sleep(1000); browser.driver.actions().sendKeys(protractor.Key.ENTER).perform(); browser.sleep(1000); }; 这是我的configuration文件： //config.js var lib = require("./library.js"); exports.config = { directConnect: true, onPrepare: function() { browser.driver.manage().window().maximize(); }, // Capabilities to be passed to the webdriver instance. capabilities: […]

无法在angular度示例项目上运行testing: 我已经克隆了Angular Material-Start项目。正如文件所述：运行npm run tests来启动所有的Karmaunit testing。但是这个提议给了我一个错误： npm ERR! Windows_NT 10.0.10586 npm ERR! argv "C:\\DevSoft\\NodeJs\\node.exe" "C:\\Users\\Taras\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "tests" npm ERR! node v5.7.1 npm ERR! npm v3.8.9 npm ERR! missing script: tests npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues> npm ERR! Please include the following […]

Angular $ http.get和Express req.body是空的: 我有使用$ http.get发送数据的req.body问题。当我在route.js方法从GET更改为POST，并在我的服务更改为$ http.post时，一切工作正常，但与GET我不能发送任何数据到我的服务器节点。任何人有任何想法？ server.js // modules ================================================= var express = require('express'); var app = express(); var mongoose = require('mongoose'); var bodyParser = require('body-parser'); var methodOverride = require('method-override'); var path = require('path'); // configuration =========================================== var db = require('./config/db'); var port = process.env.PORT || 8080; mongoose.connect(db.url); app.use(express.static(__dirname + '/public')); app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.json()); […]

如何从angularjs $ http.post中读取/保存nodeJs中的json文件: 厌恶糟糕的英语我有一个问题，试图抓住一个json使用$ http.post fron一个angularjs发送到一个nodejs express（我必须发送它，因为我不能在客户端保存在服务器上的文件）我有这个代码在angularjs var app = angular.module('angularTable', []); app.controller('listdata',function($scope, $http){ $scope.users = []; //declare an empty array $http.get("data/people.json").success(function(response){ $scope.users = response; //this works well }); $scope.add = function(){ $scope.users.push({'id':$scope.users.length,'name':$scope.name,'age': $scope.age}); //this works well $http.post("data",$scope.users).success(function(data, status, headers, config){ //this send to the nodeJs the object console.log("success"); }).error(function(data,status,headers,config){ console.log("error"); }); } }); 这在服务器nodeJs中 var […]

我应该如何从节点Js中的Url提取值: 我最近开始在nodeJs上编程。我正在使用Angular JS，资源来调用API的 demoApp.factory('class', function ($resource) { return $resource('/class/:classId', { classId: '@_classId' }, { update: { method: 'PUT' } }); }); 而在控制器，我有删除方法为; // The class object, e {classId: 1, className: "Pro"} $scope.deleteClass = function (class) { var deleteObj = new Class(); deleteObj.classId = class.classId; deleteObj.$delete({classId : deleteObj.classId}, function() { growl.success("Class deleted successfully."); $location.path('/'); },function () […]

在socket.io上使用socket.id进行私人聊天: 我在nodejs和socket.io上更新鲜。我试图在express框架中使用nodejs，socket.io和angularjs创build聊天应用程序。我缺乏基本的想法如何聊天私人执行。到现阶段我的代码工作聊天在一组连接的用户。这里是我的服务器代码 var server = require('http').Server(app); var io = require('socket.io')(server); var socket = require('./routes/socket.js'); server.listen(8000); console.log('server listening on port:8000'); io.on('connection',socket); 和我的主要套接字文件consit代码如： module.exports = function(socket){ console.log('connected'+' '+'socketId :'+socket.id); //console.log(req.session.id); var users =[]; socket.emit(socket.id); socket.on('username',function(data){ users.push({id:socket.id,message:data.username}); socket.emit('username', users) }) socket.on('typing',function(data){ //socket.emit('typing',{message:"helo angular"}); socket.broadcast.emit('typing',{message:data.message}); }); socket.on('typing-stop',function(data){ //socket.emit('typing',{message:"helo angular"}); debugger; socket.broadcast.emit('typing-stop',{message:data.message}); }); socket.on('new-user',function(data){ socket.emit('new-user',data); socket.broadcast.emit('new-user',data); }) socket.on('message',function(data){ […]