Articles of 量angular器

使用API​​调用Angular实现材料表

我一直在开发一个Angular 2的应用程序,无可否认的是,作为一个新的开发者正在努力。 到目前为止我已经pipe理了很多,但是我确实需要一些帮助。 我包括一个plunkr,我用它作为引用来获得一个材料表的分页,过滤和sorting,但这个例子,以及所有其他的例子在material.angular.io显示一个数据库的例子本质上硬编码/在组件类中生成。 我有一个服务,调用一个SQL查询的API,我想在这个例子填充表中,但我迄今为止的尝试已经是可悲的失败,我想我已经在这个过程中压倒了我自己。 通过请求我可以发布我的组件代码,但我担心,我已经超出任何使用点去除/修改它。 但在此之前,下面是我想要实现的plunkr,以及我希望用来填充数据表以代替plunkr的数据库和数据源的服务类。 请让我知道,如果你能帮助,你会为我节省一大笔头痛。 我的服务 import { Injectable } from '@angular/core'; import { Http } from '@angular/http'; import 'rxjs/add/operator/map'; @Injectable() export class RcgqueueService { constructor(private http: Http) { } populateRCGQueue() { return this.http.get('/api/rcgqueue').map(res => res.json()); } } 而我目前的组件代码的可怜尝试 import { Component, ElementRef, ViewChild, OnInit, forwardRef } from '@angular/core'; import { DataSource, […]

无法使用angular度2从node.js服务器获取数据

我正在学习angular2,我正试图从服务angular度2的帮助下从节点服务器获取数据。 所以我有一个button的angular度组件。 点击这个button之后,angular度服务应该向服务器发出一个请求,并将响应提取到一个variables中。 但是我的variables始终未定义。 这里是服务的代码: import { Observable } from 'rxjs/Rx'; // Import RxJs required methods import 'rxjs/add/operator/map'; import 'rxjs/add/operator/catch'; @Injectable() export class LoginService { constructor (private http: Http) { } private dataUrl = 'http://localhost:1337'; getData() : Observable<Data[]> { return this.http.get(this.dataUrl) .map((res:Response) => res.json()); //.catch((error:any) => Observable.throw(error.json().error || 'Server error')); } } 这里是node.js代码: var http […]

cloud-angular没有导出成员provideCloud

情况 &#x6211;设置了一个空白的应用程序。 安装@ionic/cloud-angular并导入provideCloud 。 但是我收到以下错误: cloud-angular has no exported member 'provideCloud' (我有一个类似的错误ionicBootstrap) 步骤: 离子开始whateva空白–v2 npm install @ ionic / cloud-angular –save 离子io init 导入provideCloud 代码: import { provideCloud, CloudSettings } from '@ionic/cloud-angular'; import { ionicBootstrap, Platform } from 'ionic-angular'; 离子信息 : Cordova CLI: 6.4.0 Ionic Framework Version: 2.0.0-rc.2 Ionic CLI Version: 2.1.8 Ionic App Lib […]

Angular:按照调用顺序接收响应

嗨,我很新angular度和观察 我正在试图通过一个循环获取他们的ID的对象。 但是不要收到我的回应。 例 get ID(1) get ID(2) get ID(3) Receive Object ID(2) Receive Object ID(3) Receive Object ID(1) 是否有可能让我的对象恢复秩序? 以下是我多次拨打我的服务function的地方: conferences-attendance.component.ts ExportExcelAttendance() { for (var i = 0; i < this.contactsAttendance.length; i++) { this.practiceService.GetPracticebyDBID(this.contactsAttendance[i].practiceId) .subscribe( (practice: Practice) => { this.practicesAttendance.push(practice); if (this.practicesAttendance.length == this.contactsAttendance.length) { this.ExportExcelAttendance2(); } }, error => this.errorMessage = <any>error ); […]

browser-perf和量angular器perf和perfjankie之间的区别

我正在研究与量angular器的工具性能testing。 我遇到了浏览器性能和量angular器性能。 量angular器 – perf是基于browser-perf。 据我所知,browser-perf是可取的情况下,人们想要有一个CI进行性能testing。 如果我们使用量angular器perf,这不是可用的。 Perfjankie似乎用于运行浏览器性能testing。 但是,貌似browserPerf.runner也可用于运行浏览器性能testing。 我无法理解使用量angular器进行性能testing的所有可用选项及其具体差异。 请提供您宝贵的build议/input/解释,以帮助理解相同的内容。 使用哪个和何时使用! 问候,Sakshi

找不到模块'.tmp / Rx.min.js'

我有Ubuntu操作系统16.04版本和节点:V6.6.0 Npm:3.10.3 我正在尝试使用gulpconfiguration项目来获取一个常见问题 错误消息:无法find模块'.tmp / Rx.min.js' 我正在运行下面的命令来build立gulp环境: npm run build.dev 你可以在这张图中看到错误信息: https : //i.stack.imgur.com/BQKRW.png

Angular2应用程序的构build,但加载的CSS,JS文件夹时找不到文件

我有一个使用nodejs服务器API的angular2应用程序。 我使用nd b构build应用程序,该应用程序在dist文件夹中创build了文件。 我在哪里可以指定生产版本的生产url,以便所有的CSS,JS文件加载正确。 而且,我是否需要Apache服务器来承载这些构build。 或者我可以使用节点服务器本身来承载它? index.html的: <!doctype html> <html> <head> <base href="/"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Demo</title> <link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="stylesheet" href="assets/styles/css/custom.css"/> <script src="assets/vendor/pace/pace.js"></script> </head> <body> <app-root> <div class="loading"></div> </app-root> </body> </html> 谢谢

将页面的几个元素存储到JSON对象

我需要将页面的几个文本元素存储到一个JSON对象,但是由于asynchronous性,我无法在量angular器中执行此操作。 这里是我的代码的一个例子,它是在element.all()的循环中: var json = {}; e[i].element(by.css(".nome_projeto")).getText().then(function(text){ json.nome = text; }); e[i].element(by.css(".nome_cliente")).getText().then(function(text){ json.cliente = text; }); e[i].element(by.css('.data_fim')).getText().then(function(text){ json.data = text; }); console.log(json); list.push(json); 但是,当我login时,我的JSON对象是不确定的,我只能在那里访问它。

Visual Studio 2013量angular器智能感知

首先,我非常习惯使用node.js / angualar.js /protractor.js和jasmine.js的东西,而我根本不是来自web dev的angular落。 但现在,我只是想创build一个angular度的应用程序量angular器testing,这实际上工作相当好。 但我想知道是否有可能获得VS2013 intellisense的工作? 我会很感激,如果VS会build议像“browser.xxx”的对象的function。 我真的坚持,期待一些提示! thx弗洛里安

Angular 2如何使用子依赖angular-cli加载第三方供应商节点模块

在Angular 2中加载一个单独的节点模块 ,在wiki中很好地描述了一个angular-cli自引导项目。 只是很好奇,我怎样才能很好地加载一个更复杂的节点模块在一个项目启动angular-cli? 例如,angular2-apollo依赖于像apollo-client,graphql,lodash等几个子依赖项。 我将节点模块添加到angular-cli-build.js var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); module.exports = function(defaults) { return new Angular2App(defaults, { vendorNpmFiles: [ '…', 'angular2-apollo/**' ] }); }; 并注册节点模块ins system-config.js const barrels: string[] = [ // … // Thirdparty barrels. 'rxjs', 'angular2-apollo', // App specific barrels. // … ]; // … // Apply the CLI SystemJS configuration. System.config({ […]