Articles of 量angular器

如何将ExpressJS服务器与Angular2集成

我尝试用NodeJS(Express)创build一个angular2应用程序作为服务器。 问题在于,由于Express试图使用自己的模板引擎并路由请求,而angular也使用routes和index.html作为入口点,所以存在冲突。 我怎样才能整合?

ts2304找不到名字'OnInit'

我曾经通过Angular超级英雄教程。 这一切正常。 如果我closures运行NPM的cmd窗口,然后重新打开一个CMD窗口并重新发出NPM START命令,我得到两个错误 src/app/DashBoard.component.ts(12,44) TS2304 : Cannot find name 'OnInit'. src/app/hero-list.component.ts(16, 434) TS2304 : Cannot find name 'OnInit'. 我可以通过删除来解决此问题 Implements OnInit 从这两个类,运行NPM开始重新添加它们(只需在编辑器中的CTL Z)进行一些更改,保存。 该应用程序重新编译,我closures和运行。 我有4个类来实现这个function。 我研究过它们,不知道是什么让2失败 我已阅读post,参考TS2304,但这似乎是一个通用的函数/variables/符号找不到消息… 我不知道要发布什么,我很高兴发布的任何代码。 这是由模块中的错误,这取决于(hero.ts) 这里是一个以这种方式失败的类这是hero-list.component.ts文件(在演示/在线例子中的不同点,这也被命名为Heroes.component ..) import { Component } from '@angular/core'; import { Router } from '@angular/router'; import { Hero } from './hero'; import { HeroService } from […]

如何更新node.js中的量angular器npm模块?

我为Visual Studio使用Visual Studio 2013 Node.js工具。 我想更新量angular器到这个: https://www.npmjs.org/package/protractor 在Visual Studio中的npm下,我看到它显示我有protractor@0.24.2模块。 当我右键点击此并select update npm module 它去 https://registry.npmjs.org/protractor 当我在URL中input时,在第一行1.0.0-rc2上显示最新版本: https://registry.npmjs.org/protractor {"_id":"protractor","_rev":"103-dc957e08fce862ad70c481b4a2327ee6", "name":"protractor","description":"Webdriver E2E test wrapper for Angular.", "dist-tags":{"latest":"1.0.0-rc2"}, "versions":{"0.1.0":{"name":"protractor", "description":"End to End test helpers for Angular.", "homepage":"https://github.com/juliemr/protractor","keywords": 在输出窗口中显示更新: ====Executing command 'npm update protractor –save'==== npm http GET https://registry.npmjs.org/protractor npm http 304 https://registry.npmjs.org/protractor npm http GET https://registry.npmjs.org/selenium-webdriver npm http […]

angular色2等效的renderToString

我正在寻找相当于react-dom/server.renderToString的angular度2 import { renderToString } from 'react-dom/server'; // Render the component to a string const html = renderToString( <App /> ); 使用NodeJs将指令/组件转换为HTML的最简单代码示例是什么? 我想这应该是可能的这些包之一: @ angular / compiler – v2.0.0-rc.2 @ angular / platform-server – v2.0.0-rc.2

angular2 – 通过使用路由器的问题

首先,我是一个完整的初学者,使用nodejs,angular2和typescript编程。 基本上我开始阅读在https://angular.io/docs/ts/latest/guide/forms.html和https://angular.io/docs/ts/latest/guide/router.html#!#base-href用新的页面扩展我的应用程序。 我使用mdl在我的应用程序上使用材质组件。 angular2似乎手工重新加载和路由不同,所以我得到以下问题: 我尝试unterstand发生了什么事情,有人可以解释我在angular2中重新加载和路由之间的区别,以及我可以如何适应重新加载行为的路由处理? 更新#1: index.html的: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Title</title> <script defer src="/assets/js/material.min.js"></script> <link rel="stylesheet" href="/assets/css/font-awesome.min.css"> <link rel="stylesheet" href="/assets/css/material.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root><md-spinner></md-spinner></app-root> </body> </html> app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import […]

Angular4 + Universal + ng-bootstrap导致“意外令牌导入”错误

所以我升级到了angular度4+,这样我就可以利用通用包进行服务器端渲染,以达到search引擎优化的目的。 我通过将其升级到angular度4+,并在https://github.com/evertonrobertoauler/cli-universal-demo/commit/a2610286bd3db5d4f4cce4318d7c220c11963eb6中完成了所有必要的configuration,在我现有的angular 2+项目中实现了该项目。 只有一个区别我正在使用ng-bootstrap https://ng-bootstrap.github.io/#/home(v1.0.0-alpha.22 )。 但是当我使用npm运行start-u-dev运行节点服务器时,我在ng-bootstrap中得到了导入关键字的这个错误。 app-ui@0.0.0 start-u-dev /Users/giric/Projects/apnaDoctor/webapp/appUI ts-node src/server.ts /appUI/node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.module.js:1 (function (exports, require, module, __filename, __dirname) { import { NgModule } from '@angular/core'; ^^^^^^ SyntaxError: Unexpected token import at createScript (vm.js:53:10) at Object.runInThisContext (vm.js:95:10) at Module._compile (module.js:543:28) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:488:32) at tryModuleLoad (module.js:447:12) at Function.Module._load (module.js:439:3) at Module.require (module.js:498:17) […]

angular4和SEO

Express有一个简单的Angular 4项目。 当我尝试使用Googlebot访问我的网站时,它只显示了一个空白页面(AppRoot的innerHTML)。 我以为谷歌声称它的机器人支持Angular 4 / JS网站? 如果这仍然是问题,使用Angular Universal的服务器端渲染真的是最好的解决scheme吗? 就像我必须build立另一台服务器,服务器端提供的应用程序,除了服务于普通的客户端渲染应用程序的主服务器? 如果是这样,我怎么告诉googlebot去端口的服务器端渲染的应用程序和正常的httpstream量去客户端呈现应用程序的端口? 不是抓取工具的HTTPstream量?

Firebase Angular 4基于节点环境进行初始化

我已经使用Angular CLI构build了我的Angular 4项目。 我正在Heroku上部署我的应用程序,为dev和生产环境创build了herokupipe道。 我有两个firebase数据库开发和生产,我希望我的angular2应用程序连接到基于herokuconfigurationvariables的firebase数据库 我search了谷歌,发现这个答案有帮助,因为@ yoni-rabinovitchbuild议在节点服务器上发送一个HTTP请求来检查应用初始化时的环境。 我是Angular 4和typescript的初学者,我需要实现的是发送一个HTTP请求,并根据响应初始化firebase模块。 app.module.ts import { environment } from '../environments/environment'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, HttpClientModule, FormsModule, ReactiveFormsModule, BrowserAnimationsModule, AngularFireModule.initializeApp(environment.firebase) ], bootstrap: [AppComponent] }) export class AppModule {} 任何帮助将不胜感激

Angular 2.0深度链接不起作用。 地址栏也一样

一切工作正常,当我build立和导航应用程序中的链接,但在地址栏中键入不! 最终,我希望能够通过电子邮件发送链接到特定的应用程序页面/path,我不知道如何实现。 我遵循了angular度路由器指南文档 。 我正确地认为… 我使用NodeJS(与快递),并在服务器中,我已经redirect到应用程序根的所有stream量。 app.get("*", function(req, res) { console.error("in get *") res.redirect("/"); }); 在我的index.html中我已经设置了基地 <base href="/"> 我有我的客户端path/path设置如下 const appRoutes: Routes = [ { path: 'vendor/registration', component: VendorRegistrationComponent }, { path: 'vendors', component: VendorListComponent }, { path: '', redirectTo: 'vendor/registration', pathMatch: 'full' }, { path: '**', component: PageNotFoundComponent } ]; 如果我在浏览器地址栏中键入http://localhost:8080/vendors ,则可以访问http://localhost:8080/vendor/registration ,这是有道理的,因为这是服务器告诉浏览器redirect到的地方。 那么我应该如何深入链接到我的应用程序? […]

将npm更新为@angular 2不可用

我想从angular度2 Beta 15升级到angular度2 RC1。 我正在使用Visual Studio 2015。 在Visual Studio中,我在npm package.json中执行: "dependencies": { "@angular/core": "Unavailable", } 但我无法使用。 然后我做了一些更新: I updated my nodejs to v6.1.0. I updated my npm to v3.8.9. 它仍然显示在Visual Studio 2015中不可用。 我还能尝试做些什么? UPDATE 在做了@David Pine之后,我提出了这个错误: ====Executing command 'npm install'==== npm WARN package.json ASP.NET@0.0.0 No description npm WARN package.json ASP.NET@0.0.0 No repository field. npm WARN […]