Вопросы с тегом «angular»

Какая разница между Promiseи Observableв Angular? Пример каждого из них поможет понять оба случая. В каком сценарии мы можем использовать каждый случай?

1399 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> …

1379 javascript  angular  typescript  input 

Angular предоставляет хук жизненного цикла ngOnInitпо умолчанию. Зачем ngOnInitиспользовать, если у нас уже есть constructor?

1075 angular  typescript  ngoninit 

Я пишу приложение Angular, и у меня есть ответ HTML, который я хочу отобразить. Как я могу это сделать? Если я просто использую синтаксис привязки, {{myVal}}он кодирует все символы HTML (конечно). Мне нужно как-то привязать innerHTMLa divк значению переменной.

842 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 …

808 angular  typescript  angular2-forms 

Когда я должен хранить Subscriptionэкземпляры и вызывать их unsubscribe()в течение жизненного цикла NgOnDestroy, а когда я могу просто игнорировать их? Сохранение всех подписок вносит много ошибок в код компонента. HTTP Client Guide игнорирует такие подписки: getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => this.errorMessage = <any>error); } …

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

Я изучаю паттерны Angular RxJ и не понимаю разницы между a BehaviorSubjectи an Observable. Насколько я понимаю, BehaviorSubjectзначение a может со временем меняться (на него можно подписаться и подписчики могут получать обновленные результаты). Кажется, это точно такая же цель Observable. Когда вы будете использовать Observableпротив BehaviorSubject? Есть ли преимущества использования …

690 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 

Я хотел запустить простое приложение Hello World для Angular. Когда я следовал инструкциям в официальном быстром запуске, установка создала 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> Я хочу сохранить значение …

571 angular  ngfor 

У меня есть ряд элементов, которые я хочу видеть при определенных условиях. В AngularJS я бы написал <div ng-show="myVar">stuff</div> Как я могу сделать это в Angular 2+?

570 angular  angular-components  angular-template 

Что не так с моим угловым кодом? Я осознаю: 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 

Кто-нибудь знает, как получить элемент, определенный в шаблоне компонента? Полимер делает это действительно легко с $и $$. Мне было просто интересно, как это сделать в Angular. Возьмите пример из учебника: import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent { …

517 angular  typescript  angular-components 

У меня проблема с попыткой использовать Angular *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> ` …

473 angular  ngfor  angular-ng-if 

Текущие документы говорят только о получении параметров маршрута, а не фактических сегментов маршрута. Например, если я хочу найти родителя текущего маршрута, как это возможно?

472 angular  angular2-routing