Questions tagged «angular»

如何在Angular2的本地主机之外允许访问？我可以localhost:3030/panel轻松导航，但是写IP之类的IP时却无法导航10.123.14.12:3030/panel/。 能否请允许我解决该问题？我没有使用npm（节点项目管理-节点安装/节点启动）来安装和运行项目。 如果您愿意，我可以提供package.json和index.html。

211 angular  typescript  ng-build 

我是Angular 2（和Angular一般...）的新手，并且发现它非常吸引人。我在用 Angular CLi生成和服务项目。它似乎运行良好-尽管对于我的小学习项目，它产生的产量超出了我的需要-但这是可以预期的。 我注意到它会产生 spec.ts为项目中的每个Angular元素（组件，服务，管道等）生成。我到处搜索，但没有找到这些文件的用途说明。 这些构建文件在使用时通常是隐藏的tsc吗？我很纳闷，因为我想更改一个Component我创建的名字不好的名字，并发现这些spec.ts文件中也引用了这个名字。 import { beforeEach, beforeEachProviders, describe, expect, it, inject, } from '@angular/core/testing'; import { ComponentFixture, TestComponentBuilder } from '@angular/compiler/testing'; import { Component } from '@angular/core'; import { By } from '@angular/platform-browser'; import { PovLevelComponent } from './pov-level.component'; describe('Component: PovLevel', () => { let builder: …

210 angular  typescript 

我知道我可以将参数传递给routerLink诸如 /user/:id 通过写 [routerLink]="['/user', user.id]" 但是像这样的路线呢： /user/:id/details 有没有办法设置此参数，还是应该考虑使用其他URL方案？

208 angular  angular2-routing  angular2-router3 

我有一个Angular 2服务： import {Storage} from './storage'; import {Injectable} from 'angular2/core'; import {Subject} from 'rxjs/Subject'; @Injectable() export class SessionStorage extends Storage { private _isLoggedInSource = new Subject<boolean>(); isLoggedIn = this._isLoggedInSource.asObservable(); constructor() { super('session'); } setIsLoggedIn(value: boolean) { this.setItem('_isLoggedIn', value, () => { this._isLoggedInSource.next(value); }); } } 一切正常。但是我还有另一个不需要订阅的组件，它只需要在某个时间点获取isLoggedIn的当前值即可。我怎样才能做到这一点？

206 javascript  angular  rxjs 

创建新的Angular 5项目时： 节点版本：8.9.2 npm版本：5.5.1 我的命令是 npm install -g @angular/cli 错误是 npm ERR! **Unexpected end of JSON input while parsing near '...nt-webpack-plugin":"0'** npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Aashitec\AppData\Roaming\npm-cache\_logs\2017-12-06T13_10_10_729Z-debug.log 错误日志为http://www.aashitechno.in/2017-12-06T13_10_10_729Z-debug.log

206 node.js  angular  npm  npm-install 

无论如何，使用router.navigate将数据作为参数发送？我的意思是，就像这个示例一样，您可以看到路线具有data参数，但是这样做是行不通的： this.router.navigate(["heroes"], {some-data: "othrData"}) 因为some-data不是有效的参数。我怎样才能做到这一点？我不想使用queryParams发送参数。

206 angular  routing  angular-router 

我知道我可以像这样调用管道： {{ myData | date:'fullDate' }} 在这里，日期管道仅接受一个参数。从组件的模板HTML并直接在代码中调用具有更多参数的管道的语法是什么？

204 javascript  angular  angular2-pipe 

我应该如何配置新的Angular 8视图子级？ @ViewChild('searchText', {read: ElementRef, static: false}) public searchTextInput: ElementRef; 与 @ViewChild('searchText', {read: ElementRef, static: true}) public searchTextInput: ElementRef; 哪个更好？我什么时候应该使用static:truevs static:false？

204 angular  angular8  viewchild 

为了学习Angular 2，我正在尝试他们的教程。 我收到这样的错误： (node:4796) UnhandledPromiseRejectionWarning: Unhandled promise rejection (r ejection id: 1): Error: spawn cmd ENOENT [1] (node:4796) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node. js process with a non-zero exit code. 我在SO中经历了不同的问题和答案，但找不到“未处理的承诺拒绝”是什么。 谁能简单地解释一下我的意思，它又是什么Error: spawn cmd ENOENT，什么时候出现，以及为了消除该警告我必须检查的内容？

203 javascript  angular  es6-promise  spawn  unhandled-exception 

我试图运行一个从github下载的项目。不幸的是，在npm install显示以下警告时。我试图根据此问题更改版本。但是，我有一个问题，因为某些软件包需要多个版本，而其他软件包则需要。考虑以下两行： npm WARN @angular/cdk@2.0.0-beta.10 requires a peer of @angular/core@^4.3.0 but none is installed. You must install peer dependencies yourself. npm WARN @angular/forms@4.3.6 requires a peer of @angular/core@4.3.6 but none is installed. You must install peer dependencies yourself. 因此，安装一些软件包会使依赖项列表大大增加。 有没有人有办法解决吗？ npm WARN @angular/animations@4.3.6 requires a peer of @angular/core@4.3.6 but none …

203 javascript  angular  typescript  npm 

我是Angular2的新手，但有一个小问题： 在我的Login-Component-HTML中，我有两个复选框，我想通过两种方式将数据绑定到Login-Component-TypeScript。 这是HTML： <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> 这是Component.ts： import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { Variables } from '../../services/variables'; @Component({ selector: 'login', moduleId: module.id, templateUrl: 'login.component.html', styleUrls: ['login.component.css'] }) export class LoginComponent implements OnInit { …

202 html  angular  typescript  checkbox  data-binding 

运行Windows 7 Professional 32位。 我尝试npm install -g angular-cli在普通或管理员下运行。 我也尝试将其添加到PATH：下的Envirorment Variables中(C:\Users\Administrator\AppData\Roaming\npm\node_modules\angular-cli\bin\ng)，但也没有成功。 我究竟做错了什么？

201 windows-7  angular  angular-cli 

我正在尝试从Angular调用API，但出现此错误： Property 'map' does not exist on type 'Observable<Response>' 这个类似问题的答案不能解决我的问题：Angular 2 beta.17：类型'Observable <Response>'上不存在属性'map'。 我正在使用Angular 2.0.0-beta.17。

199 angular  typescript1.8 

我有使用angular-cli生成的Angular 2.0.0应用程序。 当我创建一个组件并将其添加到AppModule的声明数组时，一切都很好，它可以工作。 我决定将组件分开，因此我创建了TaskModule和组件TaskCard。现在我想用TaskCard在的组成部分之一AppModule（的Board成分）。 AppModule： import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; import { BoardComponent } from './board/board.component'; import { LoginComponent } from './login/login.component'; import { MdButtonModule …

199 angular  typescript  angular-module 

有没有办法检查在我的计算机上全局安装的angular-cli的特定版本？我在Windows环境中。 npm -v和node -v仅分别为我提供了npm和node的版本，我似乎找不到任何与ng相关的命令。 我正在尝试运行一个正在处理的项目，并且该项目在使用npm的较旧版本的angular-cli上运行。但是，在安装其他演示项目后，如果不卸载并重新安装特定版本的angular-cli，我的主项目将无法工作。

198 node.js  angular  npm  angular-cli