คำถามติดแท็ก angular

ความแตกต่างระหว่างPromiseและObservableในเชิงมุมคืออะไร? ตัวอย่างในแต่ละกรณีจะเป็นประโยชน์ในการทำความเข้าใจทั้งสองกรณี ในสถานการณ์ใดที่เราสามารถใช้แต่ละกรณี

1396 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: ฉันกำลังดูฮีโร่ตัวพลั่ว แต่ฉันไม่เห็นความแตกต่างจากรหัสของฉัน นี่คือไฟล์ส่วนประกอบ: import { Component, EventEmitter, …

1376 javascript  angular  typescript  input 

เชิงมุมให้เบ็ดวงจรชีวิตngOnInitโดยค่าเริ่มต้น ทำไมngOnInitต้องใช้ถ้าเรามีconstructor?

1072 angular  typescript  ngoninit 

ฉันกำลังเขียนแอปพลิเคชันเชิงมุมและฉันมีการตอบสนอง HTML ที่ฉันต้องการแสดง ฉันจะทำอย่างไร ถ้าฉันเพียงใช้ไวยากรณ์การผูกพัน{{myVal}}มันเข้ารหัสอักขระ HTML ทั้งหมด (แน่นอน) ฉันต้องการอย่างใดอย่างหนึ่งที่จะผูกinnerHTMLของdivกับค่าตัวแปร

840 angular  angular2-template  angular2-databinding 

สถานการณ์: กรุณาช่วย! ฉันกำลังพยายามทำสิ่งที่ควรเป็นรูปแบบที่ง่ายมากในแอป Angular2 ของฉัน แต่ไม่ว่ามันจะไม่ทำงาน รุ่น ANGULAR: เชิงมุม 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'; …

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

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

ฉันกำลังมองหาในรูปแบบเชิงมุม RxJs และฉันไม่เข้าใจความแตกต่างระหว่างที่และBehaviorSubjectObservable จากความเข้าใจของฉัน a BehaviorSubjectคือค่าที่สามารถเปลี่ยนแปลงได้ตลอดเวลา (สามารถสมัครสมาชิกและสมาชิกสามารถรับผลลัพธ์ที่อัปเดต) Observableนี้น่าจะเป็นวัตถุประสงค์เดียวกันที่แน่นอนของ เมื่อไหร่ที่คุณจะใช้Observablevs a BehaviorSubject? มีประโยชน์ในการใช้BehaviorSubjectมากกว่าObservableหรือในทางกลับกัน?

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 ไฟล์ในโครงการของฉัน ฉันคิดว่านี่เป็นความผิดพลาดหรือพลาดอะไรไปฉันก็เลยตัดสินใจใช้angi-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แอตทริบิวต์ได้อย่างไร

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 

ไม่มีใครรู้วิธีการได้รับองค์ประกอบที่กำหนดไว้ในแม่แบบองค์ประกอบหรือไม่? พอลิเมอทำให้เป็นเรื่องง่ายด้วยและ$$$ ฉันแค่สงสัยว่าจะไปเกี่ยวกับเรื่องนี้ในเชิงมุม นำตัวอย่างจากบทช่วยสอน: 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 

ฉันมีปัญหากับการพยายามใช้ Angular's *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 }, { …

473 angular  ngfor  angular-ng-if 

ฉันมีองค์ประกอบหลัก ( CategoryComponent ), องค์ประกอบย่อย ( videoListComponent ) และ ApiService ฉันมีการทำงานที่ดีที่สุดนี้คือแต่ละส่วนสามารถเข้าถึง json api และรับข้อมูลที่เกี่ยวข้องผ่านทาง observables ปัจจุบันองค์ประกอบรายการวิดีโอเพิ่งได้รับวิดีโอทั้งหมดที่ฉันต้องการที่จะกรองนี้เพื่อวิดีโอเพียงในหมวดหมู่เฉพาะอย่างยิ่งผมประสบความสำเร็จนี้โดยผ่าน CategoryID @Input()กับเด็กผ่านทาง CategoryComponent.html <video-list *ngIf="category" [categoryId]="category.id"></video-list> สิ่งนี้ทำงานได้และเมื่อมีการเปลี่ยนแปลงหมวดหมู่@Input()parentComponent หลักค่า categoryId จะถูกส่งผ่านผ่านแต่ฉันต้องตรวจพบสิ่งนี้ใน VideoListComponent และขออาร์เรย์วิดีโออีกครั้งผ่าน APIService (พร้อมกับ categoryId ใหม่) ใน AngularJS ฉันจะทำ a $watchบนตัวแปร วิธีที่ดีที่สุดในการจัดการกับสิ่งนี้คืออะไร?

470 angular  angular2-changedetection