Tag: angularjs

Nodejs api根据查询string值加载数据

作为初学者,我正在使用MEAN堆栈技术构build一个简单的站点。 我有一个基于oject _id得到测验数据对象的api。 所有工作正常。 我想要做的是,基于从我的urlhttp://localhost:3000/viewQuiz?gpQ=59b2ac3cfc2283480879025c查询string值我希望加载数据,而不是硬编码,如下所示。 我在这里做的是我有一个path设置/viewQuiz和api url是/api/getQuizData 。 所以当我加载http://localhost:3000/viewQuiz?gpQ=xxxxxx我希望api得到正确的数据。 看到我的代码如下 Server.js //Routes app.get('/startCampaign', function(req, res){ res.sendFile(__dirname + '/public/views/start-campaign.html'); }); //Get data var Quiz = mongoose.model('Quiz', quizSchema); var ObjectId = require('mongodb').ObjectID; app.get('/api/getQuizData', function(req, res){ Quiz.find({_id:ObjectId("59b2ac3cfc2283480879025c")}, function(err, quiz) { if (err) throw err; // object of the user res.json(quiz[0]); }); }); angular位 //Get Quiz data $scope.quizData = […]

像Trello这样的项目,在Mongoose中创build一个合适的数据库

我正在尝试创build像Trello这样的项目。 有人可以告诉我如何创build一个卡的数据库,因为我首先想出了列表模型,我添加一个字段: card: { type: Array }, 现在的问题是,它会没事的。 因为我认为通过在棋盘上操作,我将更容易按顺序设置牌。 但后来我想添加拖动和移动卡从一个列表到另一个列表。 后来我想添加添加照片到卡上的选项,现在的问题是作为列表中的模型或创build一个单独的模型卡?

使用SheetJS / js-xlsx进行Excel数据提取及其在AngularJS中的使用

我想提取xlsx数据并显示在我的网页上。 我已经使用SheetJS / js-xlsx从XL表格中提取数据。 数据被成功提取,但我不知道如何获得这些数据到AngularJS进一步的使用。 /* set up XMLHttpRequest */ var url = "test.xlsx"; var oReq = new XMLHttpRequest(); oReq.open("GET", url, true); oReq.responseType = "arraybuffer"; oReq.onload = function(e) { var arraybuffer = oReq.response; /* convert data to binary string */ var data = new Uint8Array(arraybuffer); var arr = new Array(); for (var i = 0; […]

如何正确创build像trello,Mongoose和Angularjs的卡片显示

我不知道,我已经尝试了一切。 我想这样做下的列表中添加和显示卡的顺序和显示从上升位置。 我必须这样做,以便以后可以添加拖放操作。 这将计算我放置的项目和下面的索引项目的平均位置。 我不能在ng-repeat循环中进行sorting,因为稍后显示的索引不匹配数组元素。 我试图在nodejssorting,但没有按照它应该sorting。 在mongoose数据库中,我这样做了:\ 名单 ** name:{type:String,maxlength:20,required:true},** 卡 var CardSchema = new Schema({ list: { type: Schema.Types.ObjectId, ref: 'List' }, name: { type: String, maxlength: 20, required: true }, position: { type: Number }, // description: { type: String, maxlength: 300 }, updated: { type: Date, default: Date.now }, created: { type: […]

404文件找不到我的节点服务器

我正在学习MEAN栈,并且正在构build一个简单的聊天应用程序。 当我尝试启动我的节点服务器,我得到这个错误,因为我的angular部分不加载 > start@0.0.0 start C:\Users\Alex\Desktop\chirpse\start > node ./bin/www GET / 304 27.899 ms – – GET /public/javascripts/chirpApp.js 404 43.724 ms – 1714 GET /public/stylesheets/style.css 404 45.081 ms – 1714 GET /public/javascripts/chirpApp.js 404 4.613 ms – 1714 GET /public/stylesheets/style.css 404 4.450 ms – 1714 我相信我的path在我的index.ejs中一定是错的,但我似乎无法弄清楚如何纠正它们。 如果有人可以看一下,我将不胜感激。 Index.ejs 文件结构

无法使用nodejs中的https连接套接字

在使用nodejs开发一个聊天应用程序的时候,我试图通过使用http命名空间的帮助来连接套接字,这是完全正常的。虽然我使用https运行相同的应用程序,但是没有连接到套接字代码。 服务器 require('./libs/socketioCode.js').sockets(https); var options = { key: fs.readFileSync('privkey.pem'), cert: fs.readFileSync('cert.pem') }; var server = http.createServer(app).listen(3000); var server1 = https.createServer(options, app).listen(3443); var io = require('socket.io').listen(server1); sockets module.exports.sockets = function(https){ io = socketio.listen(https); 我试过这个代码使用很多方法,但我failed.i得到错误,如GET /socket.io/?EIO=2&transport=polling&t=1505985336768-986 200 17.325 ms – 1454 Page Not Found 。提前GET /socket.io/?EIO=2&transport=polling&t=1505985336768-986 200 17.325 ms – 1454 Page Not Found 。

将Blur-Admin模板集成到Nodejs Express项目中

我是Angularjs发展的新手。 我曾在Express上构build过REST / SOAP API 。 现在我想使用AngularJs主题和Blur-Admin在MEAN中创build一个pipe理面板 提供了一个很好的开始。 我已经成功地在我的Windows机器上使用Gulp设置了Frontend AngularJs模板。 现在我想在这个当前的主题中将服务器端Node js与Express框架一起集成到MongoDB中。 请提供详细信息,可能的链接来解决这个问题。 谢谢。

jQuery与CanvasJS导入错误

我正在努力让canvasJSgraphics的商业版本显示在HTML页面上。 审判工作像一个魅力。 当我转换到商业版本,我有这些问题与jQuery(v1.12.0)加载它。 要获取数据到canvasJSgraphics,我使用angular(v1.5.8)将数据发送到canvasJSgraphics(见下文)。 然而,当我加载图表时,浏览器给出这个错误信息: Error: Cannot find module 'js' 我检查了许多版本的jQuery。 canvasJS团队表示,它与jQuery 1.4.0或更高版本(高达3.2.1)兼容。 然而,当我在控制器中运行jQuery.getScript时,服务器会继续响应上面的错误。 如果这个问题,我在后端运行nodejs。 有没有办法解决这个问题,或者也许另一种方式来加载canvasJS脚本而不使用jQuery? HTML <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> <script src="https://code.jquery.com/jquery-1.12.0.js" integrity="sha256-yFU3rK1y8NfUCd/B4tLapZAy9x0pZCqLZLmFL3AWb7s=" crossorigin="anonymous"></script> angular度控制器 app.controller('chartController', function ($scope, $http, $filter) { jQuery.getScript("commercial/canvasjs.js", function(){ $scope.chart = new CanvasJS.Chart("chart", { title: { text: "" }, axisY: { labelFontSize: 16, }, axisX: { labelFontSize: 16, }, data: [ { […]

gyp ERR! 在安装angular 4项目时在ubuntu中configuration错误

我是angular4的新蜂。 我正在使用npm install来设置一个angular4项目(这是一个简单的pipe理面板),但是它正在显示 gyp ERR! configuration错误 gyp ERR! 堆栈错误:EACCES:权限被拒绝, 这是发生在任何angular4项目,但简单的angular4程序正常工作。

在Angular2中迭代Mongoosepost

所以我是Angular的新手,并试图build立一个简单的博客网站,包括title和post ,保存为mongoose。 我想遍历数据库中的每个post来显示它们。 我读的语法改变formsng-repeat到ngFor &我做到了这一点,但它显示的是数据库条目为json。 我在这里错过了什么? index.html <!DOCTYPE html> <html lang ="en" ng-app="BlogApp"> <head> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <script src="app.js"></script> <meta charset="UTF-8"> <title>This is a title</title> </head> <body> <div class="container" ng-controller="BlogController"> <h1>Blog</h1> <input ng-model="post.title" class="form-control" placeholder="title"/> <textarea ng-model="post.body" class="form-control" placeholder="body"></textarea> <button ng-click="createPost(post)" class="btn btn-primary btn-block">post</button> <div *ngFor = "let post of posts"> <h2> […]