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

เอกสารปัจจุบันพูดคุยเกี่ยวกับการรับพารามิเตอร์เส้นทางเท่านั้นไม่ใช่ส่วนของเส้นทางที่แท้จริง ตัวอย่างเช่นหากฉันต้องการค้นหาพาเรนต์ของเส้นทางปัจจุบันเป็นไปได้อย่างไร?

469 angular  angular2-routing 

หลังจากอัปเดตเป็น Angular 6.0.1 ฉันได้รับข้อผิดพลาดต่อไปนี้ในng serve: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40) ng updateบอกว่าทุกอย่างเป็นระเบียบ การลบnode_modulesโฟลเดอร์และการnpm installติดตั้งใหม่ก็ไม่ได้ช่วยอะไรเช่นกัน โครงการของฉันอยู่บนพื้นฐานของNG2 ผู้ดูแลระบบ (รุ่น Angular4) นี่คือแพ็คเกจของฉัน "dependencies": { "@angular/animations": "^6.0.1", "@angular/common": "^6.0.1", "@angular/compiler": "^6.0.1", "@angular/core": "^6.0.1", "@angular/forms": "^6.0.1", "@angular/http": …

454 angular  angular-cli  angular6  angular-cli-v6 

ความแตกต่างระหว่าง@Componentและ@Directiveในเชิงมุมคืออะไร? ทั้งคู่ดูเหมือนจะทำงานเดียวกันและมีคุณสมบัติเหมือนกัน กรณีการใช้งานคืออะไรและควรเลือกใช้อีกกรณีหนึ่ง?

443 angular 

ฉันได้สร้างแอพพื้นฐานใน Angular 2 แต่ฉันพบปัญหาแปลก ๆ ที่ฉันไม่สามารถฉีดบริการเข้าไปในหนึ่งในองค์ประกอบของฉัน อย่างไรก็ตามมันสามารถแทรกเข้าไปในองค์ประกอบอื่น ๆ สามอย่างที่ฉันสร้างขึ้นได้ สำหรับผู้เริ่มต้นนี่คือบริการ: import { Injectable } from '@angular/core'; @Injectable() export class MobileService { screenWidth: number; screenHeight: number; constructor() { this.screenWidth = window.outerWidth; this.screenHeight = window.outerHeight; window.addEventListener("resize", this.onWindowResize.bind(this) ) } onWindowResize(ev: Event) { var win = (ev.currentTarget as Window); this.screenWidth = win.outerWidth; this.screenHeight …

431 angular  angular2-di 

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

428 angular 

ฉันสับสนเล็กน้อยเกี่ยวกับวิธีรับkeyและvalueวัตถุใน angular2 ในขณะที่ใช้*ngForเพื่อวนวัตถุ ฉันรู้ในเชิงมุม 1.x มีไวยากรณ์เหมือนกัน ng-repeat="(key, value) in demo" แต่ฉันไม่รู้วิธีการทำเช่นเดียวกันใน angular2 ฉันลองทำสิ่งที่คล้ายกันโดยไม่ประสบความสำเร็จ: <ul> <li *ngFor='#key of demo'>{{key}}</li> </ul> demo = { 'key1': [{'key11':'value11'}, {'key12':'value12'}], 'key2': [{'key21':'value21'}, {'key22':'value22'}], } นี่คือ plnkr ด้วยความพยายามของฉัน: http://plnkr.co/edit/mIj619FncOpfdwrR0KeG?p=preview ฉันจะรับkey1และkey2ใช้แบบไดนามิกได้*ngForอย่างไร หลังจากค้นหาอย่างครอบคลุมฉันพบความคิดในการใช้ท่อ แต่ฉันไม่รู้ว่าจะทำยังไง มีท่อแบบ inbuilt สำหรับทำแบบเดียวกันใน angular2 หรือไม่?

426 angular  typescript  object 

ฉันต้องการผูกองค์ประกอบที่เลือกลงในรายการของวัตถุ - ซึ่งง่ายพอ: @Component({ selector: 'myApp', template: `<h1>My Application</h1> <select [(ngModel)]="selectedValue"> <option *ngFor="#c of countries" value="c.id">{{c.name}}</option> </select>` }) export class AppComponent{ countries = [ {id: 1, name: "United States"}, {id: 2, name: "Australia"} {id: 3, name: "Canada"}, {id: 4, name: "Brazil"}, {id: 5, name: "England"} ]; selectedValue = null; } …

409 html  angular 

Mode(): stringผมเขียนเป็นองค์ประกอบเชิงมุมที่มีคุณสมบัติ ฉันต้องการที่จะสามารถตั้งค่าคุณสมบัตินี้โดยทางโปรแกรมไม่ได้ตอบสนองต่อเหตุการณ์ใด ๆ ปัญหาคือในกรณีที่ไม่มีเหตุการณ์ของเบราว์เซอร์การเชื่อมโยงแม่แบบ{{Mode}}จะไม่ปรับปรุง มีวิธีที่จะทริกเกอร์การตรวจจับการเปลี่ยนแปลงนี้ด้วยตนเองหรือไม่?

387 angular  angular2-changedetection 

ฉันพยายามเข้าใจ Angular (บางครั้งเรียกว่า Angular2 +) จากนั้นฉันเจอ@Module: นำเข้า การประกาศ ผู้ให้บริการ การเริ่มต้นด่วนเชิงมุม

387 angular  angular-module 

ฉันใช้ Angular 2 (TypeScript) ฉันต้องการทำบางสิ่งกับตัวเลือกใหม่ แต่สิ่งที่ฉันได้รับonChange()คือตัวเลือกสุดท้ายเสมอ ฉันจะรับตัวเลือกใหม่ได้อย่างไร <select [(ngModel)]="selectedDevice" (change)="onChange($event)"> <option *ngFor="#i of devices">{{i}}</option> </select> onChange($event) { console.log(this.selectedDevice); // I want to do something here with the new selectedDevice, but what I // get here is always the last selection, not the one I just selected. }

372 angular  typescript 

มีวิธีที่ชาญฉลาดในการย้อนกลับหน้าสุดท้ายใน Angular 2 หรือไม่? สิ่งที่ต้องการ this._router.navigate(LASTPAGE); ตัวอย่างเช่นหน้า C มีGo Backปุ่ม หน้า A -> หน้า C คลิกที่มันกลับไปที่หน้า A หน้า B -> หน้า C คลิกที่มันกลับไปที่หน้า B เราเตอร์มีข้อมูลประวัตินี้หรือไม่?

366 angular  angular2-routing 

หลังจากอัปเกรดจากเชิงมุม 4.4 เป็น 5.0 และหลังจากอัปเดต HttpModule และ Http เป็น HttpClientModule ทั้งหมดฉันเริ่มได้รับข้อผิดพลาดนี้ ฉันยังเพิ่ม HttpModule อีกครั้งเพื่อให้แน่ใจว่าไม่ใช่เนื่องจากการพึ่งพาบางอย่าง แต่ไม่สามารถแก้ไขปัญหาได้ ใน app.module ฉันตั้งค่าไว้ถูกต้องแล้ว import { HttpModule } from '@angular/http'; import { HttpClientModule, HttpClient } from '@angular/common/http'; . . . @NgModule({ imports: [ BrowserModule, HttpClientModule, HttpModule, BrowserAnimationsModule, FormsModule, AppRoutingModule, . . . ฉันไม่ทราบว่าข้อผิดพลาดนี้มาจากที่ใดหรือฉันไม่มีเงื่อนงำว่าจะเข้าไปข้างในได้อย่างไร ฉันยังมีคำเตือน (วางไว้ด้านล่างด้วย) อาจเกี่ยวข้องกับมัน …

360 angular 

ผมทำอะไรผิดหรือเปล่า? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="let talk in talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: '<conf-talks></conf-talks>' }) …

355 angular  angular2-directives 

ฉันกำลังพยายามใช้ส่วนประกอบการเติมข้อความอัตโนมัติของ Angular ในโครงการ Angular 2 ของฉัน ฉันเพิ่มสิ่งต่อไปนี้ในแม่แบบของฉัน <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> ต่อไปนี้เป็นองค์ประกอบของฉัน import {Component, OnInit} from "@angular/core"; import {ActivatedRoute, Router} from "@angular/router"; import {FormControl} from "@angular/forms"; @Component({ templateUrl: './edit_item.component.html', styleUrls: ['./edit_item.component.scss'] }) …

355 angular  typescript  angular-material2  angular-forms 

วิธีที่ดีที่สุดในการรวม Angular (รุ่น 2, 4, 6, ... ) สำหรับการผลิตบนเว็บเซิร์ฟเวอร์สดคืออะไร โปรดรวมเวอร์ชันแองกูลาร์ไว้ในคำตอบเพื่อให้เราสามารถติดตามได้ดีขึ้นเมื่อมันเปลี่ยนเป็นรีลีสในภายหลัง

353 angular  webpack  systemjs  angular-cli