Tag: 量angular器

如何在服务器端重新使用Angular进行validation?

我想在客户端和服务器端重用与Angular 4.4.5和NodeJS 7.10.1(最新的Ubuntu回购)相同的一组validation器。 我相信这是可能的。 我的基本思路是让HTTP端点在NodeJS和Express上工作,它接受来自AngularJS数据的POST请求,与接收到的数据创build相同的表单并进行检查。 我的尝试是不成功的,我不知道如何使用相同版本的Typescript作为Angular用途以及如何导入组件与窗体。 看到一些简单的例子,这将是理想的工作。 我会很快分享我的尝试。

没有提供ResourceLoader实现。 无法读取url“xxx.component.html”

刚刚为ASP.Net 2.0安装了一个新的Angular 4框架的微软模板,我用下面的命令安装了Angular CLI: npm install –save-dev @ angular / cli @ latest 使用Visual Studio 2017的应用程序的第一次启动是成功的,但是在我添加一个新的组件后,我得到了以下错误: 没有提供ResourceLoader实现。 无法读取url“todo.component.html” 待办事项组件如下: import { Component, Inject } from '@angular/core'; import { Http } from '@angular/http'; @Component({ selector: 'todo', templateUrl: './todo.component.html' }) export class TodoComponent { public todolist: todo[]; constructor(http: Http, @Inject('BASE_URL') baseUrl: string) { http.get(baseUrl +'api/todo').subscribe(result => { […]

Node.js服务器没有收到来自angular site的上传请求(使用express-fileupload)

我创build了一个使用express-fileupload来接收多部分/表单数据上传的node.js Web服务器,我似乎无法得到它正确的艰难,这里是我的节点部分: app.post('/uploadImage', function(req, res) { console.log("uploadImage"); if (!req.files) return res.status(400).send('No files were uploaded.'); let uploadedFile = req.files.uploadedFile; if(uploadedFile.mimetype.indexOf("image") > -1){ // Use the mv() method to place the file somewhere on your server uploadedFile.mv('./' + uploadedFile.name, function(err) { if (err) return res.sendStatus(500); res.json({result: "uploaded successfully!"}); }); } }); HTML: <form id="uploadForm"> <div class="row" style="margin-left: […]

如何使用“内容types”:“application / x-www-form-urlencoded”发布Post请求?

我需要在oAuth2身份validation服务器上发出一个请求。 我可以在邮递员的请求中得到令牌,不能从angular度做出同样的要求4。 我的CORSconfiguration良好,因为其他请求正在运行。 这里是HTTP请求的细节。 POST /oauth/token HTTP/1.1 Host: localhost:8080 Authorization: Basic YXBwbGljYXRpb246c2VjcmV0 Content-Type: application/x-www-form-urlencoded Cache-Control: no-cache Postman-Token: 9f9582e9-fe73-499f-d7f7-82498a974e39 grant_type=password&username=pedroetb&password=password 在angular4,我试过这种方式 let headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); headers.append("Authorization","Basic YXBwbGljYXRpb246c2VjcmV0"); var obtainTokenUrl = 'http://localhost:8080/oauth/token'; this._http.post(obtainTokenUrl + "?grant_type=password&username=pedroetb&password=password", null, {headers: headers}).subscribe(response => { console.log(response); }); 但是这不起作用。 这是邮递员请求标题的屏幕截图: 身体: 那么我怎么能从angular度4做出这个相同的请求呢?

节点cmd在fsevents点执行'npm install'时挂起

我试图通过npm命令“npm install”来安装anugalr2。 但是当它达到某个点时,就是在fsevets。 命令提示符卡住了。 之后没有任何事情发生。 PFb cmd图像 任何build议/意见将有所帮助 更新: 当我尝试用npm i –no-optional 。 它被困在“”core-js“软件包中 D:\Angular2\quickstart-master>npm i –no-optional npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or highe to avoid a RegExp DoS issue npm WARN deprecated express@2.5.11: express 2.x series is deprecated npm WARN deprecated connect@1.9.2: connect 1.x series is deprecated [ ……] – […]

为什么我的jwt令牌在背面而不是在前面返回null

我正在尝试向我的mLab数据库发出GET请求。 我传递一个带有请求的JWT令牌,并将其logging在客户端和服务器上。 它在客户端上正确读取,但在服务器上显示为空。 任何帮助将非常感激。 我正在使用Node.js和Angular。 我对此很新,所以如果错误是显而易见的,我就提前道歉。 这里是服务器的GET路由: router.get('/', (req, res, next) => { var decoded = jwt.decode(req.query.token); console.log(decoded); console.log('employees'); if(decoded) { return Company.find({_id: decoded._id}) .populate('user', 'firstName') .exec(function(err, company) { if (err) { return res.status(500).json({ title: 'An error occurred', error: err }); } res.status(200).json({ message: 'Success', obj: company }); }); } else { return res.status(401).json({ title: […]

Angular 4无法加载资源:net :: ERR_CONNECTION_REFUSED

我想我会从我的申请开始。 我正在做一个完整的平均堆栈应用程序,我希望它运行在docker。 使用docker我正在使用Ubuntu的virtualbox。 当我运行docker-compose时,一切工作在localhost:4200上。 现在我想在我的主机上打开我的应用程序(Windows 7)。 当我去我的应用程序通过(IP地址应保密,对不对?)xxx.xxx.xx.xxx:4200/login页面看起来不错,但我得到这些错误: 我正在使用节点8.4.0的Angular cli 1.4.1 为什么我得到这些错误,我该如何解决这些错误? 我的docker – 撰写

打字稿错误中的string枚举

我试图添加一个string枚举到我的Angular 2项目,但是在使用npm开始项目期间发生错误: ERROR in e:/projects/dbtool-fullstack/dbtool-client/src/app/shared/models/full-m odels/enums/Sex.ts (2,10): Type '"Male"' is not assignable to type 'Sex'. ERROR in e:/projects/dbtool-fullstack/dbtool-client/src/app/shared/models/full-m odels/enums/Sex.ts (3,12): Type '"Female"' is not assignable to type 'Sex'. ERROR in e:/projects/dbtool-fullstack/dbtool-client/src/app/shared/models/full-m odels/enums/Sex.ts (4,8): Type '"NA"' is not assignable to type 'Sex'. 枚举声明: export enum Sex { Male = 'Male', Female = 'Female', NA = 'NA' […]

“本地主机没有发送数据。 ERR_EMPTY_RESPONSE“和”curl:(52)来自服务器的空回复“

当我尝试访问Docker容器之外的时候,我得到了空数据,下面提到了这个错误。 我没有在Docker容器中使用curl和wget命令的问题。 该容器基于Angular JS图像。 “localhost没有发送数据ERR_EMPTY_RESPONSE”和“curl:(52)来自服务器的空回复” 请帮忙。 抱歉! 忘记发布实际的代码。 在这里我的Dockerfile和package.json文件。 的package.json { "name": "angularjs-project”, "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve -H 0.0.0.0", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^4.3.6", "@angular/common": "^4.2.4", "@angular/compiler": "^4.2.4", "@angular/core": "^4.2.4", "@angular/forms": "^4.2.4", "@angular/http": "^4.2.4", […]

量angular器:browserName'chrome'不受directConnect支持

我尝试在Windows 7 x64上使用量angular器运行一些testing,但出现以下错误: [16:59:18] E/direct – Error code: 135 [16:59:18] E/direct – Error message: browserName 'chrome' is not supported with directConnect. [16:59:18] E/direct – Error: browserName 'chrome' is not supported with directConnect. at IError (C:\Work\GIT\pv-ui\node_modules\protractor\built\exitCodes.js:6:1) at ProtractorError (C:\Work\GIT\pv-ui\node_modules\protractor\built\exitCodes.js:11:9) at BrowserError (C:\Work\GIT\pv-ui\node_modules\protractor\built\exitCodes.js:52:9) at Direct.setupDriverEnv (C:\Work\GIT\pv-ui\node_modules\protractor\built\driverProviders\direct.js:36:23) at Direct.setupEnv (C:\Work\GIT\pv-ui\node_modules\protractor\built\driverProviders\driverProvider.js:111:34) at q.then (C:\Work\GIT\pv-ui\node_modules\protractor\built\runner.js:335:41) at _fulfilled (C:\Work\GIT\pv-ui\node_modules\q\q.js:834:54) at self.promiseDispatch.done […]