Tag: angularjs

使用其他对象的相应名称replace对象标识

我非常新的angular,所以生病尝试尽可能清楚地描述问题。 正在尝试制作单页应用,并提供一些关于人与人之间交易的信息。 AS作为后端,使用MySQL数据库+ nodejs作为后台服务器,angular度作为前端。 问题是我有一个带有ID和姓名的人表,每个人的平衡。 然后,我有一张桌子,我存储了所有人员之间的交易(Id,Giver ID,Taker ID,金额)。 在前端,当我得到有关事务的信息时,我得到了提供者和接受者的IDS,但是我想用人表/对象中的相应名称replace它们。 我显然不知道如何pipe理这个。 我想过循环引发事务对象,并用名称replace数组中的每个ID。 就像在这篇文章中 交易对象: [Object]0: id: 1 giver_id: 1 taker_id: 5 amount: 50 人对象: [Object]0: balance:"-50" id:1 name:"Edgars"[Object]1: balance:"0" id:2 name:"Jānis" 所以我想用名字Edgarsreplacegiver_id 1,因为作为FK给予者id可以识别人员id。 我不想要一个清晰的答案,但至less有一种方法来挖掘。

NodeJS Express Req.Body是未定义的

我已经与堆栈溢出发表了几个解决scheme,我还没有find一个与我合作,所以我决定问。 这里是我的nodejs文件:(删除不相关的代码) var express = require('express'); var app = express(); var cors = require('cors'); var bodyParser = require('body-parser'); app.use(bodyParser.urlencoded()); app.use(bodyParser.json()); app.use(cors()); app.get('/sendEmail', function(req, res) { var answers = req.body.answers; console.log(answers); }) 也是我的POST: $http.get('http://localhost:5000/sendEmail', { answers: answer }) 如何当我控制台日志req.body.answers我得到undefined?

AngularJS项目结构

我真的很想帮助AngularJS,帮助我构build一个我正在开发的项目。 基本上,我有一个项目,我将在每个说(Postgres,Express,AngularJS,Node)的“PEAN”堆栈中做一个项目,并且需要一个关于如何构build它的概念。 其要点是,应用程序将有4种types的用户帐户,每个login用户将看到不同的视图。 这是一个简单的function设置图: 用户types1: 导航 – function1 – 特色2 – function3 用户types2: 导航 – function1 – 特色2 – function3 等另外2个用户… 不过,用户可以访问的每个function都是不同的。 所以我的问题仍然存在,客户端如何将客户端AngularJS应用程序的目录明智结构? 另外,应该如何设置存储库? 一个单一的回购API和客户端代码? 我可以分开API回购和客户端回购,并包含在一个客户端回购所有用户帐户的意见? 我应该为每种types的用户帐户有一个客户端回购? 这些问题的答案会清除很多的困惑,并会大大帮助我。 我已经做了大量的研究,正确的结构这样的应用程序,似乎无法弄清楚。 提前非常感谢您的帮助!

通过http发送variablesget

我有通过http.get发送variables的问题,有人可以纠正我吗? $http.get("/product/products", { 'quantity': 5 }).then(function (resp) { $scope.products = resp.data; }) 非常感谢

错误:npm install -g @ angular / cli

当我试图运行此命令时,它通过错误和NPM不完全安装。 在此版本的Node.js之前,我还安装了node-v8.9.1-x64.msi,但是他们面临的问题相同,这就是为什么我卸载并安装了node-v6.11.0-x64 但是,我仍然无法解决这个问题。 节点版本:v6.11.0 NPM版本:3.10.0 错误信息: D:\angular\NPM>npm install -g @angular/cli C:\Users\XXX\AppData\Roaming\npm `– (empty) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\@a ngular\cli\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@ 1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"} ) npm ERR! Windows_NT 6.1.7601 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\ node_modules\\npm\\bin\\npm-cli.js" "install" "-g" "@angular/cli" npm ERR! […]

在Node.js中部署angularjs应用程序

您好,我正在从AngularJS文档中学习本教程 。 我正在尝试使用这种方法来学习这一点。 您将需要在您的系统上运行的http服务器。 Mac和Linux机器通常预装了Apache,但是如果您还没有安装Apache,则可以使用节点运行简单的捆绑http服务器scripts / web-server.js。 我的服务器已经启动,但是在localhost:8000(它的运行端口)上发生的唯一事情是文件被列出。 如何使用Node.js进行部署? 当我在浏览器中导航到localhost:8000时,这是我的服务器日志。 112-108-15:脚本phe $ ./web-server.js Http服务器运行在http:// localhost:8000 / GET / Mozilla / 5.0(Macintosh; Intel Mac OS X 10_8_4)AppleWebKit / 537.36(KHTML,如Gecko)Chrome / 29.0.1547.65 Safari / 537.36 GET / Mozilla / 5.0(Macintosh; Intel Mac OS X 10_8_4)AppleWebKit / 537.36(KHTML,如Gecko)Chrome / 29.0.1547.65 Safari / 537.36

AngularJS $ http.delete和$ window.location.reload()

我有一个有趣的问题,$ http.delete()和$ window.location.reload()函数。 基本上我调用了一个delete方法,该方法依次调用$ http.delete()调用 – 使用REST API接口 – 从数据库(mongoDB)中删除数据。 原因不明这是发生了什么事情: 在数据库中删除成功 这被validation为数据不再在数据库中 也使用Chrome DevTools进行监控,显示状态:200 $ window.location.reload()被调用,没有任何反应 Chrome开发者工具显示一个到域的根目录的GET调用,但状态是“未决” 页面没有超时,基本上一直在加载和加载和加载。 一旦我点击刷新/ CTRL-F5一切恢复正常,我可以看到我的项目已被删除。 我的代码摘录如下: app.js angular.module('contacts', ['ngRoute', 'contacts.factory', 'contacts.filters', 'ui.bootstrap']). config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { $routeProvider. when('/', { templateUrl: '/p/list', controller: ListCtrl, }). otherwise({ redirectTo: '/' }); $locationProvider.html5Mode(true); }]); controllers.js function ListCtrl($scope, $modal, contactFactory) { //code removed […]

在GridFS中显示图像

我正在使用gridfs-stream https://github.com/aheckmann/gridfs-stream&目前我正在从gridFS显示图像。 当读数据时,它给了我下面的输出。 当我将这些数据追加到<img src="data:image/jpeg;base64,(data)"> ,图像不显示。 gfs // create a read stream from gfs… .createReadStream({ filename: 'error1.png' }) // and pipe it to Express' response .pipe(res); 输出res: – 编辑: – 我试过这个: img.src = 'data:image/jpeg;base64,' + btoa(res); 输出呈现是: – <img src="data:image/jpeg;base64,W29iamVjdCBPYmplY3Rd"> 没有图片显示。

在WebStorm IDE中添加库文件

我正在WebStorm IDE中运行一个MEAN(MongoDB,Express,AngularJs,Nodejs)项目,我在开始项目时已经包含了所需的库文件。 在包含MongoDB连接之后,我需要在我的项目中包含Mongoose库。 我已经search了WebStorm IDE中给出的所有选项,但是我找不到方法。 请告诉我使用WebStorm IDE将库文件包含在我的项目中的方法。

上传图片到tinyMCE

我正在使用AngularJS,NodeJS,mongoose,mongoDB等技术写这个网页。在这个网页上我有一个tinyMCE文本编辑器。 现在,我发现这个编辑器能够拥有图像,这对它来说太过分了。 我已经阅读了IMCE和iBrowser,前者似乎只能在Drupal中工作,而后者我至今无法安装,因为当他们说“tinyMCE init code”时,我不知道他们指的是什么。 我的问题是:是否有更好的方式上传图片到tinyMCE? 或者,本指南中提到的“tincMCE init代码”是什么: http ://netwizards.co.uk/installing-ibrowser-in-tinymce/?