Questions tagged «angular»

Promise和ObservableAngular有什么区别？ 每个示例都将有助于理解这两种情况。在什么情况下我们可以使用每种情况？

1395 angular  promise  rxjs  angular-promise  angular-observable 

即使未显示组件，启动我的Angular应用程序时也会出现以下错误。 我必须将注释掉，<input>这样我的应用才能正常工作。 zone.js:461 Unhandled Promise rejection: Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div> <label>Created:</label> <input type="text" [ERROR ->][(ngModel)]="test" placeholder="foo" /> </div> </div>"): InterventionDetails@4:28 ; Zone: <root> ; Task: Promise.then ; Value: 我正在查看Hero插件，但与我的代码没有任何区别。 这是组件文件： import { Component, EventEmitter, Input, OnInit, Output …

1373 javascript  angular  typescript  input 

Angular ngOnInit默认提供生命周期挂钩。 ngOnInit如果已经有了，为什么要使用constructor？

1071 angular  typescript  ngoninit 

我正在编写Angular应用程序，并且要显示HTML响应。 我怎么做？如果我仅使用绑定语法，{{myVal}}那么它将编码所有HTML字符（当然）。 我需要以某种方式结合innerHTML的div对变量的值。

838 angular  angular2-template  angular2-databinding 

情况： 请帮忙！我正在尝试使Angular2应用程序中的表单变得非常简单，但是不管它永远无法工作。 角版本： 角2.0.0 Rc5 错误： Can't bind to 'formGroup' since it isn't a known property of 'form' 编码： 风景： <form [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> <label for="name">Name</label> <input type="text" name="name" required> </div> <button type="submit" class="btn btn-default">Submit</button> </form> 控制器： import { Component } from '@angular/core'; import { FormGroup, FormControl, Validators, FormBuilder …

804 angular  typescript  angular2-forms 

我应该何时存储Subscription实例并unsubscribe()在NgOnDestroy生命周期中调用，何时可以忽略它们？ 保存所有订阅会在组件代码中带来很多麻烦。 HTTP客户端指南会忽略这样的订阅： getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => this.errorMessage = <any>error); } 同时，《路线与导航指南》指出： 最终，我们将导航到其他地方。路由器将从DOM中删除此组件并销毁它。我们需要在此之前进行自我清理。具体来说，我们必须在Angular销毁组件之前取消订阅。否则可能会导致内存泄漏。 我们取消订阅Observable该ngOnDestroy方法。 private sub: any; ngOnInit() { this.sub = this.route.params.subscribe(params => { let id = +params['id']; // (+) converts string 'id' to a number this.service.getHero(id).then(hero => this.hero = hero); }); } …

718 angular  rxjs  observable  subscription  angular-component-life-cycle 

我正在研究Angular RxJs模式，但不了解a BehaviorSubject和an 之间的区别Observable。 根据我的理解，a BehaviorSubject是可以随时间变化的值（可以订阅，订阅者可以接收更新的结果）。这似乎与的目的完全相同Observable。 什么时候使用Observablevs BehaviorSubject？在那里使用效益BehaviorSubject上的Observable，反之亦然？

689 angular  rxjs  behaviorsubject  rxjs-observables 

我正在使用Angular，并且想*ngIf else在此示例中使用（自版本4起可用）： <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"> other content here... </div> 如何实现相同的行为ngIf else？

631 angular  if-statement  angular-template 

我想为Angular启动一个简单的hello world应用程序。 当我按照官方快速入门中的说明进行安装时，安装程​​序在我的项目中创建了32,000个文件。 我认为这是一个错误，或者我错过了一些东西，所以我决定使用angular-cli，但是在设置项目后，我计算了41,000个文件。 我哪里做错了？我是否错过了确实很明显的东西？

594 javascript  angular 

我有一个简单的ngFor循环，它也跟踪当前情况index。我想将该index值存储在属性中，以便可以打印它。但我不知道这是如何工作的。 我基本上有这个： <ul *ngFor="#item of items; #i = index" data-index="#i"> <li>{{item}}</li> </ul> 我想#i在属性中存储的值data-index。我尝试了几种方法，但没有一种起作用。 我在这里有一个演示：http : //plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p=preview 如何将index值存储在data-index属性中？

570 angular  ngfor 

在某些条件下，我希望看到一些元素。 在AngularJS中，我会写 <div ng-show="myVar">stuff</div> 如何在Angular 2+中做到这一点？

569 angular  angular-components  angular-template 

我的Angular代码有什么问题？我正进入（状态： Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... 的HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>

562 javascript  css  angular  angular-template  angular-ng-class 

有人知道如何掌握组件模板中定义的元素吗？使用$和可以使Polymer变得非常容易$$。 我只是想知道如何在Angular中进行操作。 从教程中获取示例： import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent { myName: string = "Aman"; updateName(input: String) { this.myName = input; } } 如何在类定义中捕获或获取p或input元素的引用？

516 angular  typescript  angular-components 

我在与试图使用角度的问题*ngFor，并*ngIf在相同的元素。 当尝试遍历中的集合时*ngFor，该集合被视为null，因此在尝试访问其在模板中的属性时失败。 @Component({ selector: 'shell', template: ` <h3>Shell</h3><button (click)="toggle()">Toggle!</button> <div *ngIf="show" *ngFor="let thing of stuff"> {{log(thing)}} <span>{{thing.name}}</span> </div> ` }) export class ShellComponent implements OnInit { public stuff:any[] = []; public show:boolean = false; constructor() {} ngOnInit() { this.stuff = [ { name: 'abc', id: 1 }, { name: 'huo', …

473 angular  ngfor  angular-ng-if 

当前文档仅讨论获取路径参数，而不是实际的路径段。 例如，如果我想找到当前路线的父级，那怎么可能？

469 angular  angular2-routing