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

เชิงมุม 2 มี@ViewChild, @ViewChildren, @ContentChildและ@ContentChildrenตกแต่งสำหรับการสอบถามองค์ประกอบลูกหลานองค์ประกอบของ ความแตกต่างระหว่างสองคนแรกและสองหลังคืออะไร?

189 angular 

ในหากินของฉันรอบ interweb ทั่วโลกและตอนนี้โดยเฉพาะอย่างยิ่งเอกสารสไตล์ angular.ioผมพบหลายอ้างอิงถึงและ@HostBinding @HostListenerดูเหมือนว่าพวกเขาจะค่อนข้างพื้นฐาน แต่น่าเสียดายที่เอกสารสำหรับพวกเขาในขณะนี้เป็นร่างเล็ก ๆ น้อย ๆ ใครช่วยอธิบายสิ่งที่พวกเขาทำงานและยกตัวอย่างการใช้งานได้บ้าง?

188 angular  angular-services 

เรากำลังพยายามสร้างส่วนประกอบของฟอร์มของเราเองที่ บริษัท ของเรา เราพยายามห่อส่วนประกอบของการออกแบบวัสดุดังนี้: สนาม: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> กล่องข้อความ: <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" (keypress)="onKeypress($event)"> </field> การใช้งาน: <textbox value="test" hint="my hint"></textbox> ผลลัพธ์นี้โดยประมาณ: <textbox placeholder="Personnummer/samordningsnummer" value="" ng-reflect-placeholder="Personnummer/samordningsnummer"> <field> <mat-form-field class="mat-input-container mat-form-field> <div class="mat-input-wrapper mat-form-field-wrapper"> <div class="mat-input-flex …

187 angular  angular-material2 

เชิงมุม 2 - this.router.parent.navigate('/about')วิธีเพื่อนำทางไปยังเส้นทางอื่นใช้ ดูเหมือนจะไม่ทำงาน ฉันพยายามlocation.go("/about");เพราะมันใช้งานไม่ได้ โดยทั่วไปเมื่อผู้ใช้ลงชื่อเข้าใช้ฉันต้องการเปลี่ยนเส้นทางไปยังหน้าอื่น นี่คือรหัสของฉันด้านล่าง: import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import {AuthService} from '../../authService'; //Model class User { constructor(public email: string, public password: string) {} } @Component({ templateUrl:'src/app/components/todo/todo.html', directives: [CORE_DIRECTIVES, FORM_DIRECTIVES] }) export class Todo { model = new …

186 angular  typescript  angular2-routing 

ฉันได้ดูวิดีโอและอ่านบทความแล้ว แต่บทความนี้ทำให้ฉันสับสนมากในตอนเริ่มต้นของบทความที่กล่าว แอพพลิเคชั่นใน Angular ติดตามโครงสร้างแบบแยกส่วน แอพพลิเคชั่นเชิงมุมจะมีโมดูลจำนวนมากโดยแต่ละแอพมีจุดประสงค์เดียว โดยทั่วไปโมดูลเป็นกลุ่มรหัสที่เหนียวแน่นซึ่งถูกรวมเข้ากับโมดูลอื่น ๆ เพื่อเรียกใช้แอพเชิงมุมของคุณ โมดูลส่งออกบางคลาสฟังก์ชั่นและค่าจากรหัสของมัน Component เป็นบล็อกพื้นฐานของ Angular และส่วนประกอบหลายอย่างจะประกอบเป็นแอปพลิเคชันของคุณ โมดูลสามารถเป็นห้องสมุดสำหรับโมดูลอื่น ตัวอย่างเช่นไลบรารี angular2 / core ซึ่งเป็นโมดูลไลบรารี Angular หลักจะถูกนำเข้าโดยส่วนประกอบอื่น พวกเขาแลกเปลี่ยนข้อตกลง? เป็นส่วนประกอบของโมดูลหรือไม่? แต่ไม่ใช่ viceversa?

186 angular  module  components 

ดูตัวอย่างรหัส angular2เราจะเห็นคุณสมบัติสาธารณะที่มีเครื่องหมาย $: <....> private missionAnnouncedSource = new Subject<string>(); private missionConfirmedSource = new Subject<string>(); // Observable string streams missionAnnounced$ = this.missionAnnouncedSource.asObservable(); missionConfirmed$ = this.missionConfirmedSource.asObservable(); <....> ทุกคนสามารถอธิบาย: เหตุใดจึงใช้ $ (เหตุผลที่อยู่เบื้องหลังสัญลักษณ์นี้คืออะไรใช้เพื่อทรัพย์สินสาธารณะทุกครั้ง) คุณสมบัติสาธารณะถูกใช้ แต่ไม่ใช่วิธีการ (เช่น MissionAnnouncements (), MissionConfirmations ()) - อีกครั้งนี่เป็นแบบแผนสำหรับแอป ng2 หรือไม่ ดูเหมือนจะไม่มีอะไรเกี่ยวข้องกับเรื่องนี้ในคู่มือสไตล์ทางการหรือไม่?

185 angular 

ฉันจะอนุญาตการเข้าถึงภายนอก localhost ที่ Angular2 ได้อย่างไร ฉันสามารถนำทางที่localhost:3030/panelได้อย่างง่ายดาย แต่ฉันไม่สามารถนำทางเมื่อผมเขียน IP 10.123.14.12:3030/panel/ของฉันเช่น คุณช่วยให้ฉันแก้ไขได้มั้ย ฉันไม่ได้ใช้npm(การจัดการโปรเจ็กต์โหนด - การติดตั้งโหนด / การเริ่มทำงานโหนด) เพื่อติดตั้งและรันโปรเจ็กต์ หากคุณต้องการฉันสามารถให้ฉันและpackage.jsonindex.html

184 angular  typescript  ng-build 

ฉันอ่านคำถามที่เกี่ยวข้องและพบคำถามนี้แต่คำถามของฉันคือฉันจะเปลี่ยนจากการพัฒนาเป็นโหมดการผลิตได้อย่างไร มีความแตกต่างบางอย่างระหว่างโหมดที่มีการชี้ให้เห็นเป็นที่นี่ ในคอนโซลฉันเห็น....Call enableProdMode() to enable the production mode.แต่ฉันไม่แน่ใจว่าอินสแตนซ์ของประเภทใดที่ฉันควรเรียกใช้วิธีการนั้น ใครสามารถตอบคำถามนี้ได้ไหม

182 angular 

ฉันมีแอป WebApi / MVC ซึ่งฉันกำลังพัฒนาไคลเอ็นต์ angular2 (เพื่อแทนที่ MVC) ฉันมีปัญหาในการทำความเข้าใจว่า Angular บันทึกไฟล์อย่างไร คำขอนั้นใช้ได้ (ทำงานได้ดีกับ MVC และเราสามารถบันทึกข้อมูลที่ได้รับ) แต่ฉันไม่สามารถหาวิธีบันทึกข้อมูลที่ดาวน์โหลดได้ (ส่วนใหญ่ฉันใช้ตรรกะเดียวกันกับในโพสต์นี้ ) ฉันแน่ใจว่ามันง่ายอย่างโง่เขลา แต่จนถึงตอนนี้ฉันก็ไม่เข้าใจ รหัสของฟังก์ชั่นส่วนประกอบอยู่ด้านล่าง ฉันได้พยายามทางเลือกที่แตกต่างกันวิธีการหยดที่ควรจะเป็นวิธีที่จะไปให้ไกลที่สุดเท่าที่ผมเข้าใจ แต่มีฟังก์ชั่นที่ไม่มีในcreateObjectURL URLฉันไม่สามารถหาคำจำกัดความของURLในหน้าต่างได้ แต่ดูเหมือนว่ามันมีอยู่จริง ถ้าฉันใช้FileSaver.jsโมดูลฉันได้รับข้อผิดพลาดเดียวกัน ดังนั้นฉันคิดว่านี่เป็นสิ่งที่เปลี่ยนแปลงเร็ว ๆ นี้หรือยังไม่ได้ใช้งาน ฉันจะทริกเกอร์ไฟล์บันทึกใน A2 ได้อย่างไร? downloadfile(type: string){ let thefile = {}; this.pservice.downloadfile(this.rundata.name, type) .subscribe(data => thefile = new Blob([data], { type: "application/octet-stream" }), …

182 angular  typescript  download  fileapi 

อย่างไรก็ตามมีการส่งข้อมูลเป็นพารามิเตอร์ด้วย router.navigate หรือไม่ ฉันหมายถึงตัวอย่างเช่นนี้คุณสามารถเห็นเส้นทางมีพารามิเตอร์ข้อมูล แต่การทำเช่นนี้มันไม่ทำงาน: this.router.navigate(["heroes"], {some-data: "othrData"}) เพราะข้อมูลบางอย่างไม่ใช่พารามิเตอร์ที่ถูกต้อง ฉันจะทำสิ่งนั้นได้อย่างไร ฉันไม่ต้องการส่งพารามิเตอร์ด้วย queryParams

182 angular  routing  angular-router 

วิธีการบังคับให้มีการเรนเดอร์องค์ประกอบใหม่ใน Angular 2 สำหรับจุดประสงค์ในการแก้ปัญหาการทำงานกับ Redux ฉันต้องการบังคับให้องค์ประกอบแสดงภาพอีกครั้งเป็นไปได้หรือไม่

181 angular  angular2-changedetection 

นี่คือรหัสของฉัน: import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'; logIn(username: string, password: string) { const url = 'http://server.com/index.php'; const body = JSON.stringify({username: username, password: password}); const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json; charset=utf-8'); this.http.post(url, body, {headers: headers}).subscribe( (data) => { console.log(data); }, (err: HttpErrorResponse) => { if (err.error instanceof Error) …

181 angular  http-headers  angular-httpclient 

ฉันใช้เชิงมุม 5.0.3 ฉันต้องการเริ่มต้นแอปพลิเคชันของฉันด้วยพารามิเตอร์การสืบค้นจำนวน/app?param1=hallo&param2=123มากเช่น ทุกเคล็ดลับที่ให้ไว้ในHow to รับพารามิเตอร์ params จาก url ใน Angular 2 ไม่ได้ผลสำหรับฉัน แนวคิดใดที่จะทำให้พารามิเตอร์เคียวรีทำงาน private getQueryParameter(key: string): string { const parameters = new URLSearchParams(window.location.search); return parameters.get(key); } ฟังก์ชั่นส่วนตัวนี้ช่วยให้ฉันรับพารามิเตอร์ของฉัน แต่ฉันไม่คิดว่ามันเป็นวิธีที่เหมาะสมในสภาพแวดล้อมเชิงมุมใหม่ [อัพเดต:] แอพหลักของฉันดูเหมือน @Component({...}) export class AppComponent implements OnInit { constructor(private route: ActivatedRoute) {} ngOnInit(): void { // would like to get …

181 angular  typescript  angular-routing 

เป็นไปได้หรือไม่ที่จะมีพารามิเตอร์เส้นทางทางเลือกในเส้นทาง Angular 2 ฉันลองใช้ไวยากรณ์ Angular 1.x ใน RouteConfig แต่ได้รับข้อผิดพลาดด้านล่าง: "ข้อยกเว้นเดิม: เส้นทาง" / ผู้ใช้ /: id? "มี"? "ซึ่งไม่ได้รับอนุญาตในการกำหนดค่าเส้นทาง @RouteConfig([ { path: '/user/:id?', component: User, as: 'User' }])

180 javascript  angular 

ฉันกำลังเรียนรู้เชิงมุม 2 และเป็นครั้งแรกที่ฉันใช้โครงการเชิงมุม CLI เพื่อสร้างโครงการ sandbox ฉันสามารถเรียกใช้คำสั่ง "บริการ ng" และใช้งานได้ดี ฉันต้องการหยุดมันไม่ให้วิ่งฉันจึงวิ่ง "Control Z" เมื่อฉันพยายามเรียกใช้คำสั่ง "ng-เสิร์ฟ" อีกครั้งมันทำให้ฉัน "พอร์ต 4200 ถูกใช้งานแล้ว" ฉันวิ่ง "PS" เพื่อรับรายการ PID และฆ่า PID สำหรับ angi-cli และวิ่ง "ng-เสิร์ฟ" อีกครั้งก็ยังคงให้พอร์ตเดียวกันในข้อผิดพลาดการใช้งาน

179 angular