Tag: 量angular器

如何在Angular CLI中configuration代理

我创build了一个新的@ angular / cli项目，并在根组件中添加了一个http GET调用。 没有使用代理这工作正常。 export class AppComponent implements OnInit { constructor(private http: Http) {} ngOnInit() { this.http .get('https://dog.ceo/api/breeds/list/all') .map(response => response.json()) .subscribe(data => console.log(data)); } } 当我尝试添加在Angular CLI wiki中描述的configuration时，事情就会出错。 我的proxy.conf.json文件： { "/api": { "target": "https://dog.ceo", "secure": false } } 我将组件中的URL更改为/api/breeds/list/all 。 而我运行ng serve –proxy-config proxy.conf.json 然后，我在浏览器控制台中发出内部服务器错误消息。 而在我开始服务的terminal，我得到这个消息[HPM] Error occurred while trying to proxy […]

用ng服务器启动服务器时出现NPM错误

我收到错误： ERROR in /opt/NodeJS/FutureDMS/src/app/app.module.ts (5,9): Module '"/opt/NodeJS/FutureDMS/src/app/app.routing"' has no exported member 'APP_ROUTE'. 我已经在loadChildren属性中使用了箭头函数，例如： – { path: 'dashboard', loadChildren: () => ExampleDashboardModule } 我也有解决scheme。 如果我使用 { path: 'dashboard', loadChildren: './example-dashboard/example-dashboard.module#ExampleDashboardModule' } 代替 ： { path: 'dashboard', loadChildren: () => ExampleDashboardModule } 那么它会正常工作。 可能是有AOT编译器的问题，但我真的想用我的箭头function的路由，但没有得到正确的解决scheme，请给出一些build议。

量angular器+ Selenium Chrome Docker = WebDriverError：未知错误：Chrome无法启动：退出正常

我已经完成了本教程的所有内容http://www.protractortest.org/#/tutorial 和 https://github.com/angular/protractor-cookbook/tree/master/protractor-docker （我最近从sepereatedselenium毂和节点更改为https://hub.docker.com/r/selenium/standalone-chrome/ ） 我已经创build了一个protractor.config.js： exports.config = { framework: 'jasmine', seleniumAddress: 'http://localhost:4455/wd/hub', specs: ['../tests/protractor/spec.js'], } 我的testing里面的testing/量angular器/ spec.js // spec.js describe('Protractor Demo App', function() { it('should add one and two', function() { browser.get('http://juliemr.github.io/protractor-demo/'); element(by.model('first')).sendKeys(1); element(by.model('second')).sendKeys(2); element(by.id('gobutton')).click(); expect(element(by.binding('latest')).getText()). toEqual('5'); // This is wrong! }); }); 这些是我的selenium中枢和铬节点： docker run -d -p 4455:4444 –name selenium-hub selenium/hub:latest docker run […]

pipe理数据库中不断变化的数据

我需要一些关于如何在monogoDB中构build数据的build议。 我有这个应用程序，用户可以查看，添加，编辑和删除信用卡和借记卡交易。 以下是数据的外观。 这里的余额栏是dynamic的。 例如，如果某人添加了一个交易date10-09-2017，那么此时余额字段中的所有金额都需要更改以反映新的交易。 现在，我并没有在数据库中保存这个平衡字段，每当用户加载页面，重新加载页面，以及编辑，删除，添加事务时，都会计算它。 现在速度很快，但是我认为，将来当用户有很多交易时，他们会变慢，因为这些计算需要在用户显示数据表之前完成。 有没有更有效的方法来做到这一点？ 另外我在客户端进行计算，所以负载在客户端的设备上，而不是在服务器上。 我认为，如果它在服务器端，并且许多用户开始使用它，那么API请求将会变得更慢并且在一段时间之后不会无法使用。 这是正确的吗？ PS：也很难确保读者理解我的问题，但我已经尽力了。 请让我知道，如果我应该更详细地解释这个或者如果我应该添加更多的细节。

将Angular 5项目转换为Angular Universal

我刚刚更新了我的项目与Angular 5一起工作，我已经有一个NodeJS设置在我的主机，所以我想创build一个Angular通用应用程序，我想将我目前的Angular 5项目转换成一个工作的Angular通用项目，我可以设置在我的托pipe。 我迄今为止唯一发现的就是这个; 转换Angular 4的Web应用程序Angular通用的应用程序我跟着这个，它给了我错误，我想由于Angular的快速变化的性质，答案是最有可能过时的，所以我想知道最好的方式来转换它。 我应该只使用初始种子，并添加我所有的代码做繁琐的工作？

获取正确的ID而不共享URL

我有一个Angular 4应用程序，我试图从MySQL数据库中取一行（使用ID）。 我用ExpressJS使用NodeJS。 但是，我正在努力寻找一种方法来从URL获取ID而不共享确切的URLpath，因为这将导致网站只呈现JSON对象，而不是组件。 server.js app.get('api/books/:id', (req, res) => { console.log(req.params.id); }); 如果URL是localhost:3000/books/3 ，控制台将会logging:id 。 localhost:3000/api/books/3会将正确的IDlogging到控制台。 问题是在我的Angular路由中使用后者作为我的URL会导致共享path，这是行不通的。 以下是我如何使用Angular的HttpModule向服务器发送GET请求的示例： this.http.get('api/books/:id') .map(res => res.json()) .subscribe(data => { this.bookDetail = data; }); 这里是我使用Angular的RouterModule进行路由的path： { path: 'books/:id', component: BookDetailComponent } 我将如何去解决这个问题？

Angular 5 Universal：在开发中使用server.ts

我使用了新的Angular Universal Starter来启动一个新的Angular 5项目。 对于新版本，他们只提供Angular CLI版本作为首发。 一切工作正常，我可以用npm run serve:ssr等在生产中运行我的项目。 但是：我为node.js / express服务器定制了一个API，作为后端的包装器。 当使用ng serve或npm run start开发项目npm run start我有一个工作的Angular应用程序，在文件更改等时自动重新加载。不幸的是，在开发中， server.ts文件被忽略，所以我的API包装器不可用。 那么有没有人得到新的Angular Starter Kit，并使用开发中使用的server.ts文件运行？

无法在量angular器中使用–suites选项，因此会出现“Spec patterns与任何文件不匹配”错误

我已经使用套件：{}块在github上解释。 我的configuration文件如下 – //server config information var serverConfig=require('./serverConfig.js').serverConfig; var $browser= serverConfig.$browser; //got the browser name process.argv.forEach(function (val, index) { if(val==='-browser'){ $browser=process.argv[index+1]; } }); // !!! update the server config serverConfig.$browser= $browser; //config //browser.driver.manage().timeouts().setScriptTimeout(TIME_OUT); // The main suite of Protractor tests. exports.config = { seleniumServerJar: '../../selenium/selenium-server-standalone-2.37.0.jar', chromeDriver: '../../selenium/chromedriver.exe', seleniumAddress: serverConfig.SELENIUMN_ADDRESS, //SUITES suites : { BAT: ['../e2e/BAT/verifyDefaultLandingPage.js', […]

在竹子上运行时，量angular器testing用例会冻结

当我在Visual Studio上运行我的testing时，我的testing成功运行。 但是，当我尝试在竹上运行它，我的浏览器冻结，我的testing失败，茉莉花超时exception。 请find我的量angular器conf文件： var HtmlScreenshotReporter = require('protractor-jasmine2-screenshot-reporter'); var reporters = require('jasmine-reporters'); var co = require('co'); // Example usage: // protractor –env=local // protractor –env=local –specs=test/road/road-missing.js var reporter = new HtmlScreenshotReporter({ dest: 'target/screenshots', filename: 'Test_Report.html', fixedScreenshotName: true }); var junitReporter = new reporters.JUnitXmlReporter({ savePath: 'target/screenshots', consolidateAll: false }); var customReporter = { specStarted: function(result) { […]

在conf.js的插件configuration中使用Protractor参数值

我想我的protractor-screenshoter-plugin创build报告目录与spec名称作为目录名称。 运行“量angular器”时，要将Spec名称作为parameter passing： 量angular器–specs my_spec.js conf.js 在调用上述命令之后，我想让我的testing运行，并在目录my_spec.js （或my_spec）中创build报告。 插件的configuration包含在conf.js中 ： plugins: [{ package: 'protractor-screenshoter-plugin', screenshotOnExpect: 'failure+success', screenshotOnSpec: 'failure', withLogs: false, htmlReport: true, screenshotPath: '',//I would like to put the –specs parameter value here writeReportFreq: 'end', clearFoldersBeforeTest: true }] 任何想法如何做到这一点？ 如何在conf.js中访问量angular器的'–specs'参数值？