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

ฉันใช้ Angular2 Final release (2.1.0) เมื่อฉันต้องการแสดงรายชื่อ บริษัท ฉันพบข้อผิดพลาดนี้ ในfile.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; ในfile.component.html: <tbody> <tr *ngFor="let item of companies; let i =index"> <td>{{i}}</td> <td>{{item.name}}</td> </tr> </tbody>

130 angular  angular2-template 

ฉันรู้ว่าฉันไม่ใช่คนแรกที่ถามเกี่ยวกับเรื่องนี้ แต่ฉันไม่พบคำตอบในคำถามก่อนหน้านี้ ฉันมีสิ่งนี้ในส่วนประกอบเดียว <div class="col-sm-5"> <laps [lapsData]="rawLapsData" [selectedTps]="selectedTps" (lapsHandler)="lapsHandler($event)"> </laps> </div> <map [lapsData]="rawLapsData" class="col-sm-7"> </map> ในคอนโทรลเลอร์rawLapsdataจะกลายพันธุ์เป็นครั้งคราว ในlapsข้อมูลจะถูกส่งออกเป็น HTML ในรูปแบบตาราง สิ่งนี้จะเปลี่ยนแปลงทุกrawLapsdataครั้งที่มีการเปลี่ยนแปลง mapส่วนประกอบของฉันจำเป็นต้องใช้ngOnChangesเป็นตัวกระตุ้นในการวาดเครื่องหมายบน Google Map ปัญหาคือ ngOnChanges ไม่เริ่มทำงานเมื่อมีrawLapsDataการเปลี่ยนแปลงในพาเรนต์ ฉันจะทำอะไรได้บ้าง? import {Component, Input, OnInit, OnChanges, SimpleChange} from 'angular2/core'; @Component({ selector: 'map', templateUrl: './components/edMap/edMap.html', styleUrls: ['./components/edMap/edMap.css'] }) export class MapCmp implements OnInit, OnChanges { …

129 angular 

ฉันมีส่วนประกอบง่ายๆที่เรียก REST api ทุกๆสองสามวินาทีและรับข้อมูล JSON กลับมา ฉันเห็นจากคำสั่งบันทึกของฉันและปริมาณการใช้งานเครือข่ายว่าข้อมูล JSON ที่ส่งคืนกำลังเปลี่ยนแปลงและโมเดลของฉันกำลังได้รับการอัปเดตอย่างไรก็ตามมุมมองจะไม่เปลี่ยนแปลง ส่วนประกอบของฉันดูเหมือนว่า: import {Component, OnInit} from 'angular2/core'; import {RecentDetectionService} from '../services/recentdetection.service'; import {RecentDetection} from '../model/recentdetection'; import {Observable} from 'rxjs/Rx'; @Component({ selector: 'recent-detections', templateUrl: '/app/components/recentdetection.template.html', providers: [RecentDetectionService] }) export class RecentDetectionComponent implements OnInit { recentDetections: Array<RecentDetection>; constructor(private recentDetectionService: RecentDetectionService) { this.recentDetections = new …

129 angular 

ใน Angular Material Design 6 วิธี (เปลี่ยน) ถูกลบออก ฉันไม่พบวิธีแทนที่วิธีการเปลี่ยนแปลงเพื่อรันโค้ดในส่วนประกอบเมื่อผู้ใช้เปลี่ยนการเลือกขอบคุณ!

129 angular  angular6 

ฉันกำลังพยายามหาตัวอย่างเกี่ยวกับวิธีการทำกล่องโต้ตอบการยืนยันใน Angular 2.0 ฉันใช้กล่องโต้ตอบ Bootstrap สำหรับ Angular 1.0 และไม่พบตัวอย่างใด ๆ ในเว็บสำหรับ Angular 2.0 ฉันยังตรวจสอบเอกสาร 2.0 เชิงมุมโดยไม่มีโชค มีวิธีการใช้กล่องโต้ตอบ Bootstrap กับ Angular 2.0 หรือไม่?

128 modal-dialog  angular 

ฉันได้รับข้อผิดพลาดต่อไปนี้ในคอนโซลเบราว์เซอร์เมื่อพยายามเรียกใช้แอป Angular 2 RC6 ของฉัน: > Error: Template parse errors: 'header-area' is not a known element: > 1. If 'header-area' is an Angular component, then verify that it is part of this module. > 2. If 'header-area' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component …

128 angular 

ฉันกำลังพยายามอัปเดต (เพิ่มลบ) queryParams จากส่วนประกอบ ใน angularJS มันเคยเป็นไปได้ด้วย: $location.search('f', 'filters[]'); // setter $location.search()['filters[]']; // getter ฉันมีแอพที่มีรายการที่ผู้ใช้สามารถกรองสั่งซื้อ ฯลฯ และฉันต้องการตั้งค่าใน queryParams ของ url ตัวกรองทั้งหมดที่เปิดใช้งานเพื่อให้เขาสามารถคัดลอก / วาง url หรือแชร์กับคนอื่นได้ อย่างไรก็ตามฉันไม่ต้องการให้โหลดหน้าซ้ำทุกครั้งที่เลือกตัวกรอง สิ่งนี้ใช้ได้กับเราเตอร์ใหม่หรือไม่?

128 angular  query-parameters  angular-router 

ในหน้าเอกสาร Angular 2 สำหรับการใช้บริการ Http มีตัวอย่าง getHeroes (): Observable<Stuff[]> { return this.http.get(this.url) .map(this.extractData) .catch(this.handleError); } ฉันโคลนโครงการangular2-webpack-starterและเพิ่มรหัสด้านบนด้วยตัวเอง ฉันนำเข้าObservableโดยใช้ import {Observable} from 'rxjs/Observable'; ฉันสมมติว่าObservableมีการนำเข้าคุณสมบัติเช่นกัน (ใช้.mapงานได้) มองไปที่การเปลี่ยนแปลงสำหรับ rxjs.beta-6 catchและไม่มีอะไรจะกล่าวถึงเกี่ยวกับ

127 javascript  angular  typescript  rxjs 

จะปิดการใช้งานปุ่ม "ส่ง" จนกว่าแบบฟอร์มจะถูกต้องได้อย่างไร? angular2 มีคุณสมบัติเทียบเท่ากับ ng-disabled ที่สามารถใช้กับปุ่มส่งได้หรือไม่ (ng-disabled ไม่ได้ผลสำหรับฉัน)

127 forms  angular 

ฉันจะกำหนดค่า Angular และ VSCode เพื่อให้เบรกพอยต์ทำงานได้อย่างไร

127 angular  debugging  webpack  visual-studio-code 

ฉันกำลังพยายามใช้ไอคอนที่เมื่อคลิกจะบันทึกตัวแปรลงในคลิปบอร์ดของผู้ใช้ ขณะนี้ฉันได้ลองใช้ไลบรารีหลายแห่งและไม่มีไลบรารีใดที่สามารถทำได้ ฉันจะคัดลอกตัวแปรไปยังคลิปบอร์ดของผู้ใช้ใน Angular 5 อย่างถูกต้องได้อย่างไร

127 angular  typescript  angular5 

มีวิธีที่ฉันสามารถจำกัดความยาวของสตริงเป็นอักขระตัวเลขได้หรือไม่? สำหรับเช่น: ฉันต้อง จำกัด มีความยาวถึง {{ data.title }}20 มีท่อหรือตัวกรองจำกัดความยาวหรือไม่?

126 angular  angular2-template 

ฉันจะแสดงหน้าจอโหลดได้อย่างไรเมื่อฉันเปลี่ยนเส้นทางใน Angular 2

125 html  css  angular  angular2-routing 

ฉันใช้mat-tableเพื่อแสดงเนื้อหาของภาษาที่ผู้ใช้เลือก นอกจากนี้ยังสามารถเพิ่มภาษาใหม่โดยใช้แผงโต้ตอบ หลังจากที่พวกเขาเพิ่มภาษาและกลับมา ฉันต้องการให้แหล่งข้อมูลของฉันรีเฟรชเพื่อแสดงการเปลี่ยนแปลงที่พวกเขาทำ ฉันเริ่มต้นพื้นที่เก็บข้อมูลโดยรับข้อมูลผู้ใช้จากบริการและส่งต่อไปยังแหล่งข้อมูลในวิธีการรีเฟรช Language.component.ts import { Component, OnInit } from '@angular/core'; import { LanguageModel, LANGUAGE_DATA } from '../../../../models/language.model'; import { LanguageAddComponent } from './language-add/language-add.component'; import { AuthService } from '../../../../services/auth.service'; import { LanguageDataSource } from './language-data-source'; import { LevelbarComponent } from '../../../../directives/levelbar/levelbar.component'; import { DataSource } from '@angular/cdk/collections'; …

125 angular  angular-material  refresh 

เมื่อเร็ว ๆ นี้ผมเริ่มเชิงมุม 2 กวดวิชาที่https://angular.io/docs/ts/latest/tutorial/ และออกจาก Angular 2 beta 8 ตอนนี้ฉันกลับมาใช้งานบทช่วยสอนและเบต้าล่าสุดคือเบต้า 14 หากฉันเพียงแค่อัปเดต npmเพียงไม่กี่โมดูล (ที่โหลดไว้ล่วงหน้าด้วยบทช่วยสอน) จะได้รับการอัปเดต แต่ไม่ใช่ Angular2 (ฉันเห็นสิ่งนั้นด้วยnpm ls ) ถ้าฉันอัปเดต npm angular 2หรือnpm update angular2@2.0.0beta.14มันก็ไม่ทำอะไรเลย

124 npm  angular