Questions tagged «angular»

有关Angular(不要与AngularJS混淆)的问题,它是Google的网络框架。将此标签用于并非特定于单个版本的角度问题。对于较旧的AngularJS(1.x)Web框架,请使用angularjs标记。

8
* ng如果在模板中,否则
我如何在一个*ngIf陈述中处理多个案件?我已经习惯的Vue或角1与具有if,else if和else,但似乎角4只具有true(if)和false(else)状态。 根据文档,我只能执行以下操作: <ng-container *ngIf="foo === 1; then first else second"></ng-container> <ng-template #first>First</ng-template> <ng-template #second>Second</ng-template> <ng-template #third>Third</ng-template> 但我想有多个条件(类似): <ng-container *ngIf="foo === 1; then first; foo === 2; then second else third"></ng-container> <ng-template #first>First</ng-template> <ng-template #second>Second</ng-template> <ng-template #third>Third</ng-template> 但是我最终不得不使用ngSwitch,这感觉像是一种hack: <ng-container [ngSwitch]="true"> <div *ngSwitchCase="foo === 1">First</div> <div *ngSwitchCase="bar === 2">Second</div> <div *ngSwitchDefault>Third</div> …

29
Angular2教程(英雄之旅):找不到模块“ angular2-in-memory-web-api”
我遵循了教程。在更改app/maint.tsHttp章后,通过命令行启动应用程序时出现错误: app / main.ts(5,51):错误TS2307:找不到模块“ angular2-in-memory-web-api”。 (Visual Studio Code在main.ts中给了我相同的错误-红色波浪下划线。) 这是我的systemjs.config.js: /** * System configuration for Angular 2 samples * Adjust as necessary for your application needs. */ (function(global) { // map tells the System loader where to look for things var map = { 'app': 'app', // 'dist', '@angular': 'node_modules/@angular', 'angular2-in-memory-web-api': …


5
Angular2表行作为组件
我正在实验angular2 2.0.0-beta.0 我有一张桌子,线内容是由angular2生成的: <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> 现在这可行,我想将内容封装到组件“表格行”中。 <table> <table-line *ngFor="#line of data" [data]="line"> </table-line> </table> 并且在组件中,模板具有<tr> <td>内容。 但是现在该表不再起作用。这意味着内容不再显示在列中。在浏览器中,检查器向我显示DOM元素如下所示: <table> <table-line ...> <tbody> <tr> .... 我该如何工作?
99 angular 

16
如何卸载/升级Angular CLI?
当我尝试使用Angular CLI创建新项目时,请执行以下操作: ng n app 我收到此错误: fs.js:640返回binding.open(pathModule._makeLong(path),stringToFlags(flags),mode); ^ TypeError:路径必须是TypeError(本地)处的字符串或Buffer 如何升级或卸载Angular CLI?


11
在Angular 4中单击时滚动到元素
我希望能够在按下按钮时滚动到目标。我在想这样的事情。 <button (click)="scroll(#target)">Button</button> 和我component.ts的方法一样。 scroll(element) { window.scrollTo(element.yPosition) } 我知道上面的代码无效,只是为了表明我的想法。我刚刚开始学习Angular 4,但以前没有Angular的经验。我一直在寻找类似的东西,但所有示例都在AngularJs中进行,这与Angular 4截然不同

22
组件不是任何NgModule的一部分,或者该模块尚未导入到您的模块中
我正在构建一个angular 4应用程序。我遇到错误 Error:Component HomeComponent is not part of any NgModule or the module has not been imported into your module. 我创建了HomeModule和HomeComponent。我需要引用哪一个AppModule?我有点困惑。我是否需要引用HomeModule或HomeComponent?最终,我要寻找的是用户单击“主页”菜单时,应将他定向到将在索引页面上呈现的home.component.html。 App.module是: import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http' import { AppComponent } …
99 angular 

6
将数据传递到“路由器出口”子组件
我有一个去服务器的父组件并获取一个对象: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); } ); } 在以下几种子显示之一中: export class ChildDisplay implements OnInit{ @Input() node: …

7
Sublime Text 3如何获得对TypeScript的支持?
我目前在Angular工作,并且Sublime Text得到了Typescript的良好支持。 如何通过Sublime Text编辑器获得对TypeScript的支持? 我试着打Shift+ Ctrl+ P,然后键入打字稿,但我没有得到任何打字稿结果。 我已经浏览了TypeScript官方网站,并将Sublime Text克隆到了我的PC上。 我已经在笔记本电脑上安装了TypeScript-接下来我该怎么办?

15
如何确定Angular中的上一页URL?
假设我当前在具有URL的页面上/user/:id。现在,从此页面导航到下一页:id/posts。 现在有一种方法,这样我就可以检查以前的URL是什么/user/:id。 以下是我的路线 export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent }, { path: ':id/posts', component: UserPostsComponet } ];

4
应用程序在Angular 2中启动时如何运行服务
我创建了一个服务SocketService,基本上它会初始化套接字以让应用程序在端口上侦听。该服务还与某些组件进行交互。 // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } 我知道SocketService的Constructor()中的代码仅在组件使用SocketService时才开始运行。 通常,app.ts中的代码如下所示: // app.ts import {SocketService} from './socket.service'; ... class App { constructor () {} } bootstrap(App, [SocketService]); 但是,我希望在应用启动时运行此服务。因此,我做了一个技巧,只需添加private _socketService: SocketServiceApp的Constructor()。所以现在代码看起来像这样: // app.ts(新) import {SocketService} from './socket.service'; ... class App { constructor (private _socketService: …

6
用什么代替:: ng-deep
我正在尝试对路由器插座放置的元素进行倾斜设置,以确保生成的元素的宽度为100% 从大多数答复中,我看到我应该使用::ng-deep选择器,但是从Angular的文档中,它已被弃用。有替代品::ng-deep吗?
99 html  css  angular 

14
角材料图标不起作用
我已经安装了用于角度的材料 我已在我的应用程序模块MatIconModule上导入(带有import { MatIconModule } from '@angular/material/icon';) 我已经在ngmodule导入下添加了它: @NgModule({ imports: [ //... MatIconModule, //... 我已经导入了所有样式表 而且我也将其导入了我的应用程序组件中,该组件实际上(正在尝试)使用它们(import {MatIconModule} from '@angular/material/icon';在其开头有另一行)。 但是实质图标仍然没有出现。 例如,使用以下行: <button mat-icon-button (click)="snav.toggle()"><mat-icon>menu</mat-icon></button> 我期待这样的事情: 但是我得到这个: 有任何建议吗?

7
Angular Karma Jasmine错误:非法状态:无法加载指令摘要
我正在开发github存储库(使用angular 7和angular-cli),并且在master分支中使用Karma和Jasmine进行了一些测试。 现在,我正在尝试添加延迟加载功能,事实是,在通过测试之前,现在还没有。这很有趣,因为只有延迟加载模块中的测试失败了... 这是代码和错误: import {async, TestBed} from '@angular/core/testing'; import {APP_BASE_HREF} from '@angular/common'; import {AppModule} from '../../app.module'; import {HeroDetailComponent} from './hero-detail.component'; describe('HeroDetailComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [AppModule ], providers: [ {provide: APP_BASE_HREF, useValue: '/'} ], }).compileComponents(); })); it('should create hero detail component', (() => { const …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.