Articles of 量angular器

加载angular 4和node-rdkafka和kafka-node的问题

我对web前端开发很陌生,在加载kafka客户端库的时候,我在JS / Node / Angular世界有些迷茫。 我考虑了两个选项来访问我的kafka集群:node-rdkafka和kafka-node。 但是,我不认为我的问题在于他们,似乎是缺乏有关JS和/或节点或什么的知识。 我会解释实际问题,最后回到这个概念。 这是我第一次进入JS / Node / Angular世界,所以我的知识还是非常有限的,请忍受任何noob错误。 我开始使用angular度cli(1.2.3)来构build我的组件,服务等。一切都很好,直到我试图加载node-rdkafka:自述文件指示我使用“require”而不是“import”,而那不是find。 通过一些研究,我设法通过改变typings.d.ts文件来得到“需要”的工作(我认为)是这样的: declare var module: NodeModule; interface NodeModule { id: string; } declare var require: NodeRequire; 和tsconfig.app.json包含这个: "types": [ "node" ] 在compilerOptions里面。 应用程序编译和“const kafka = require('node-rdkafka')”开始加载库。 但是,它的一个依赖关系中存在一个错误,即节点绑定。 我发现已经有一个修复,所以我改变了它的版本到最新的提交,只是为了遇到一个新的错误已经报告,但从来没有回答: https://github.com/TooTallNate/node-bindings/issues/34 我也收到以下警告: WARNING in ./~/bindings/bindings.js 81:22-40 Critical dependency: the request of a dependency is […]

如何使用Angular 2+,Express和nodeJs上传文件

我试图上传一个图像使用Angular 4,节点和Express与Multer库。 这里是我的route.js: const storage = multer.diskStorage({ destination: function(req, file, cb) { cb(null, 'uploads') }, filename: function(req, file, cb) { cb(null, file.fieldname + '-' + Date.now() + '.jpg') } }); const upload = multer({ storage: storage }).single('avatar'); router.post('/upload_avatar', function(req, res) { upload(req, res, function(err) { if (err) { // An error occurred when uploading throw […]

将图像保存为base64,并使用path返回

我有点新的使用NodeJS,这是我第一次创build一个API,我上传一个angular度和ngfile upload到服务器的图像,这个想法是,API接收一个文件,编码它到base64,然后给我的对象与图像的path,然后显示在客户端。 config.js 'use strict' const express = require('express'); const bodyParser = require('body-parser'); const app = express(); const multer = require('multer'); const fs = require('fs-extra'); app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.json()); app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization"); res.header("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE"); next(); }); app.use('/uploads', express.static("./uploads")); app.use(bodyParser.json()); var storage = multer.diskStorage({ //multers disk […]

如何使用nodemailer为NodeJS应用程序在后台发送电子邮件?

我正在构build一个Angular 4和Node应用程序。 一旦任何用户在前端注册,我将其数据存储在数据库中,然后想要使用nodemailer包向他们发送成功的注册电子邮件。 这是Node js代码: router.post('/', function(req, res, next) { SOME_DATABASE_FUNC() { if(FAILED_CASE) { return res.status(500).json({ title: 'An error occurred', status: 500, error: error }); var mailOptions {…} transporter.sendMail(mailOptions, function (error, info) { if (error) { console.log(error); return res.status(500).json({ title: 'An error occurred', status: 500, error: error }); } console.log('Message', info.messageId, info.response); return res.status(200).json({ message: […]

在现有项目中安装Angular

我意识到,这曾经是与ng init完成,但不再存在。 也可以从目录树上的一个层次运行ng new目标文件,并定位到现有项目的文件夹,但是这会覆盖package.json从而清除已经为自己放置的所有依赖项。 有没有什么办法可以完成像ng new的一样,但在一个已经存在的项目?

在表单中用enctype改变内容types

我不明白足够的问题,我想上传文件,但现在这是离我很远,我需要解释为什么我得到content-type application/json如果我添加enctype="multipart/form-data的forms?因为我认为这个regenon req.file是未定义的 HTML <form enctype="multipart/form-data" name="sendProductForm" ng-submit="product.sendProduct(productData, sendProductForm.$valid)" class="col-md-8 col-md-offset-2 form-horizontal adding-form" novalidate> <div class="form-group"> <div class="input-group"> <input type="file" name="file" id="imgInp" onchange="angular.element(this).scope().photoChanged(this.files)"> </div> </div> </form> API router.post('/courses', multer({ dest:'./uploads/' }).single('file'), function(req, res){ console.log(req.body) console.log(req.file) console.log(req.headers) }) 服务 userFactory.createNewCourse = function(productData){ return $http.post('/api/courses', productData) } 控制器function app.sendProduct = function(productData) { User.createNewCourse(app.productData).then(function(data){ console.log(data) }) } 从req.headers提取 […]

错误,当我部署ng build –prod Angular 4.3.2

我已经通过以下方式将angular度从4.0.0升级到4.3.2: npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest rxjs@latest –save 然后我把ng serve和运作良好,但是当我想通过ng build –prod我有以下错误: [1m[33mWARNING in ./src/$$_gendir/app/app.module.ngfactory.ts 730:2-27 "export 'ɵNgModuleInjector' (imported as 'import0') was not found in '@angular/core'[39m[22m [1m[31mERROR in C:/Data/angular4/system/src/$$_gendir/node_modules/@angular/core/core.ngfactory.ts (11,49): Property 'ɵNgModuleInjector' does not exist on type 'typeof "C:/Data/angular4/system/node_modules/@angular/core/core"'.[39m[22m [1m[31mERROR in C:/Data/angular4/system/src/$$_gendir/node_modules/@angular/core/core.ngfactory.ts (41,79): Property 'parent' does […]

使用angular2 +服务编辑对象,mongoDB和NodeJs

我想对存储在数据库(mongoDB)中的数据进行基本编辑。 这是我所做的: angular度服务 createReview(review) { let headers = new Headers(); headers.append('Content-Type', 'application/json'); this.http.post('http://localhost:3000/api/reviews', JSON.stringify(review), { headers: headers }) .subscribe(res => { console.log(res.json()); }); } editReview(review) { let headers = new Headers(); headers.append('Content-Type', 'application/json'); this.http.post('http://localhost:3000/api/reviews', JSON.stringify(review), { headers: headers }) .subscribe(res => { console.log(res.json()); }); } deleteReview(id){ this.http.delete('http://localhost:3000/api/reviews/' + id).subscribe((res) => { console.log(res.json()); }); } 在server.js中 […]

如何将基于Angular CLI的ng2 / 4应用程序烧烤到Node / Express中,并具有单一回声系统来开发/运行/debugging服务器/客户端应用程序?

我正在尝试使用Angular 2/4为前端创buildNode / Express应用程序。 对于Angular我使用Angular CLI来创build和维护模块/组件/服务。 Angular CLI创build了ng2的胚胎应用程序,并且我可以在开发期间运行/debugging该应用程序。 不过服务器端应用程序是不同的 现在我有两个不同的文件夹结构如下。 \repository | +– server-app | +– server.js | +– package.json | +– client-app | +– main.ts | +– index.html | +– app | +– AppComponent.ts | +– package.json 我正在使用Visual Studio代码作为IDE。 而发展我最终在运行API的节点服务器,然后运行Angular应用程序与“ng服务”。 相信我,开发尤其是debugging越来越痛苦。 如何将基于Angular CLI的应用程序烧烤到Node / Express中,并具有单一回声系统来开发/运行/debugging服务器/客户端应用程序?

如何使用node4iler包使用Angular 4和Node Js发送电子邮件

<!– Server.js file of Node JS–> var http = require('http'); var nodemailer = require('nodemailer'); var bodyParser = require('body-parser'); var connect = require('connect'); var app = connect(); app.use( bodyParser.json() ); // to support JSON-encoded bodies app.use(bodyParser.urlencoded({ // to support URL-encoded bodies extended: true })); sendemail = function(request, response, next){ var transporter = nodemailer.createTransport({ service: 'gmail', auth: […]