Tag: 量angular器

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 […]

Angular Ui-Router在使用node.js时不是路由: 我正在使用angular度ui路由器。路由器似乎在主页index.html上完美工作。但是任何其他导航不起作用。这是我的stateproviderangular： var app = angular.module('myApp', ['ui.router']); app.config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise("/"); $stateProvider .state("home", { url: "/", templateUrl: "../partials/home/index.html" }) .state("login", { url:"/login", templateUrl: "../partials/account/login.html" }) .state("register", { url: "/register", templateUrl: "../partials/account/register.html" }) .state("values", { url: "/values", templateUrl: "../partials/test/values.html" }) ; }); HTML在我的主index.html： <!–Content –> <div class="container"> <div ui-view></div> </div> <!– END Content –> […]