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

ฉันมีบริการข้อมูลที่มีลักษณะดังนี้: @Injectable() export class DataService { baseUrl = 'http://localhost' constructor( private httpClient: HttpClient) { } get(url, params): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'get', null, params) .map((res) => { return res as Object }) .toPromise(); } post(url, body): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'post', body) .map((res) => { return …

117 angular  angular-httpclient 

เมื่อฉันอัปเดต Angular จาก 7 เป็น Angular 8 ได้รับข้อผิดพลาดจากการโหลดโมดูลที่ขี้เกียจ ฉันได้ลองใช้ตัวเลือกต่างๆซึ่งมีอยู่ในคู่มือการอัพเกรดเชิงมุม ทำการเปลี่ยนแปลงด้านล่าง: ก่อน loadChildren: '../feature/path/sample- tage.module#SameTagModule' หลังจาก loadChildren: () => import('../feature/path/sample- tags.module').then(m => m.CreateLinksModule) ข้อผิดพลาด TS1323: การนำเข้าแบบไดนามิกได้รับการสนับสนุนเมื่อแฟล็ก '--module' เป็น 'commonjs' หรือ 'esNext' เท่านั้น

117 javascript  angular  typescript  module  angular8 

ไม่นี่ไม่ใช่คำถามที่ซ้ำกัน คุณจะเห็นว่ามีคำถามและปัญหามากมายใน SO และ Github ที่กำหนดให้ฉันเพิ่มคำสั่งนี้ลงในแท็กที่มี[(ngModel)]คำสั่งและไม่มีอยู่ในรูปแบบ หากฉันไม่เพิ่มจะได้รับข้อผิดพลาด: ERROR Error: No value accessor for form control with unspecified name attribute โอเคข้อผิดพลาดจะหายไปถ้าฉันใส่แอตทริบิวต์นี้ไว้ที่นั่น แต่เดี๋ยวก่อน! ไม่มีใครรู้ว่ามันทำอะไร! และเอกสารของ Angular ไม่ได้กล่าวถึงเลย เหตุใดฉันจึงต้องมีตัวเข้าถึงค่าเมื่อฉันรู้ว่าฉันไม่ต้องการมัน แอตทริบิวต์นี้เชื่อมต่อกับตัวเข้าถึงค่าอย่างไร คำสั่งนี้ทำอะไร? ตัวเข้าถึงค่าคืออะไรและฉันจะใช้มันได้อย่างไร? แล้วทำไมทุกคนถึงทำในสิ่งที่พวกเขาไม่เข้าใจอยู่เสมอ? เพียงเพิ่มบรรทัดของโค้ดนี้และใช้งานได้ขอบคุณนี่ไม่ใช่วิธีการเขียนโปรแกรมที่ดี แล้ว. ผมอ่านไม่หนึ่ง แต่สองคำแนะนำเกี่ยวกับรูปแบบขนาดใหญ่ในเชิงมุมและส่วนที่เกี่ยวกับngModel: https://angular.io/guide/forms https://angular.io/guide/reactive-forms https://angular.io/guide/template-syntax#ngModel และคุณรู้อะไรไหม? ไม่ได้กล่าวถึงผู้เข้าถึงคุณค่าหรือngDefaultControl. มันอยู่ที่ไหน?

117 javascript  angular 

ฉันใช้ angular 5 ฉันมีแดชบอร์ดที่ฉันมีไม่กี่ส่วนที่มีเนื้อหาขนาดเล็กและไม่กี่ส่วนที่มีเนื้อหาขนาดใหญ่จนฉันประสบปัญหาเมื่อเปลี่ยนเราเตอร์ในขณะที่ขึ้นไปด้านบน ทุกครั้งฉันต้องเลื่อนเพื่อไปด้านบน ใครก็ได้ช่วยฉันแก้ปัญหานี้เพื่อที่ว่าเมื่อฉันเปลี่ยนเราเตอร์มุมมองของฉันจะอยู่ที่ด้านบนเสมอ ขอบคุณล่วงหน้า.

117 javascript  angular  typescript  scrolltop  angular-router 

Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …

117 angular 

ฉันกำลังดำเนินการกับหน้ารีเซ็ตรหัสผ่านของโปรเจ็กต์ Angular 4 เรากำลังใช้ Angular Material เพื่อสร้างกล่องโต้ตอบอย่างไรก็ตามเมื่อลูกค้าคลิกออกจากกล่องโต้ตอบมันจะปิดโดยอัตโนมัติ มีวิธีหลีกเลี่ยงการปิดกล่องโต้ตอบจนกว่าฝั่งรหัสของเราจะเรียกใช้ฟังก์ชัน "ปิด" หรือไม่? หรือว่าฉันควรสร้างunclosableกิริยา?

117 angular  dialog  modal-dialog  angular-material 

ฉันต่อสู้กับการสร้างตัวแปรส่วนกลางในแอปพลิเคชัน Angular 2 ของฉัน ฉัน googled และอ่านโพสต์มากมายบน StackOverflow ในช่วง 3 ชั่วโมงที่ผ่านมาแล้ว แต่ดูเหมือนว่าฉันไม่สามารถทำให้มันใช้งานได้ ฉันหวังว่าคุณจะช่วยฉันได้และฉันขอโทษที่ถามคำถามนี้ ดังนั้นฉันจึงมีไฟล์ชื่อglobals.tsซึ่งมีลักษณะดังนี้: import { Injectable } from "@angular/core"; @Injectable() export class Globals { var role = 'test'; } และฉันต้องการใช้บทบาทตัวแปรในมุมมอง HTML ของส่วนประกอบของฉันดังนี้: {{ role }} ฉันได้เพิ่มไฟล์globals.ts ลงในapp.module.tsแล้วด้วยวิธีต่อไปนี้: providers: [ Globals ], ไม่ว่าฉันจะทำอะไรกับไฟล์นี้มันก็ไม่ได้ผล สิ่งที่ฉันไม่ต้องการทำคือต้องนำเข้าไฟล์ globals.ts ในทุกองค์ประกอบด้วยตนเองซึ่งเป็นสาเหตุที่ฉันต้องการใช้คุณสมบัติผู้ให้บริการ ฉันหวังว่าคุณจะช่วยฉันได้และขอโทษอีกครั้ง ขอแสดงความนับถืออย่างสูง, AE

116 angular  typescript 

อะไรคือความแตกต่างระหว่าง[routerLink]และrouterLink? คุณควรใช้แต่ละตัวอย่างไร?

116 angular  routes  routerlink  angular-routerlink 

ฉันพยายามส่งคำขอ POST จาก Angular 4 ไปยังแบ็กเอนด์ Laravel ของฉัน My LoginService มีวิธีนี้: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } ฉันสมัครใช้วิธีนี้ใน LoginComponent ของฉัน: .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => { console.log(error) }) และนี่คือวิธีแบ็กเอนด์ Laravel ของฉัน: ... if($this->auth->attempt(['email' => $email, 'password' => $password], …

116 angular  typescript  angular-httpclient 

ใน Angular 1 ฉันสามารถเลือกตัวเลือกเริ่มต้นสำหรับกล่องแบบเลื่อนลงโดยใช้สิ่งต่อไปนี้: <select data-ng-model="carSelection" data-ng-options = "x.make for x in cars" data-ng-selected="$first"> </select> ใน Angular 2 ฉันมี: <select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)"> <option *ngFor="#workout of workouts">{{workout.name}}</option> </select> ฉันจะเลือกตัวเลือกเริ่มต้นได้อย่างไรเนื่องจากข้อมูลตัวเลือกของฉันคือ: [{name: 'arm'}, {name: 'back'}, {name:'leg'}]และค่าเริ่มต้นของฉันคือbackอะไร?

115 html  angular 

ฉันกำลังสร้างเว็บไซต์อสังหาริมทรัพย์โดยใช้ Angular 2, Google Maps ฯลฯ และเมื่อผู้ใช้เปลี่ยนศูนย์กลางของแผนที่ฉันจะทำการค้นหา API ที่ระบุตำแหน่งปัจจุบันของแผนที่รวมทั้งรัศมี สิ่งนี้คือฉันต้องการสะท้อนค่าเหล่านั้นใน url โดยไม่ต้องโหลดซ้ำทั้งหน้า เป็นไปได้หรือไม่ ฉันพบวิธีแก้ปัญหาบางอย่างโดยใช้ AngularJS 1.x แต่ไม่มีอะไรเกี่ยวกับ Angular 2

115 javascript  angular  routes  angular2-routing 

ฉันต้องการเลื่อนไปยังเป้าหมายเมื่อกดปุ่ม ฉันกำลังคิดอะไรแบบนี้ <button (click)="scroll(#target)">Button</button> และในcomponent.tsวิธีการของฉันเช่น scroll(element) { window.scrollTo(element.yPosition) } ฉันรู้ว่ารหัสด้านบนไม่ถูกต้อง แต่เพียงเพื่อแสดงสิ่งที่ฉันคิด ฉันเพิ่งเริ่มเรียนรู้ Angular 4 โดยไม่มีประสบการณ์ Angular มาก่อน ฉันค้นหาอะไรทำนองนี้มาตลอด แต่ตัวอย่างทั้งหมดอยู่ใน AngularJs ซึ่งแตกต่างจาก Angular 4 มาก

115 javascript  html  angular  typescript 

เนื่องจาก Angular 6 อยู่ที่นี่ฉันต้องการอัปเกรดหรือย้ายแอปพลิเคชันไคลเอนต์ angular 5 ไปยัง angular 6 แต่ฉันไม่ได้รับบทช่วยสอนหรืออะไรก็ตามที่สามารถแนะนำฉันได้ ตามฉันฉันต้องเรียกใช้ Angular CLI ใหม่จากนั้นต้องย้ายซอร์สเก่าของฉันไปยังโปรเจ็กต์ใหม่ ฉันอ่าน Angular 6 กำลังใช้ตัวแสดงภาพใหม่ที่เรียกว่า Ivy จะต้องเปลี่ยนโครงการตาม Ivy หรือไม่?

114 angular  migration  upgrade  angular-ivy 

ในสถานการณ์นี้ฉันกำลังแสดงรายชื่อนักเรียน (อาร์เรย์) ในมุมมองด้วยngFor: <li *ngFor="#student of students">{{student.name}}</li> มันยอดเยี่ยมมากที่มีการอัปเดตทุกครั้งที่ฉันเพิ่มนักเรียนคนอื่นในรายการ แต่เมื่อฉันให้มันเป็นpipeไปfilterตามชื่อนักเรียน <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> จะไม่อัปเดตรายการจนกว่าฉันจะพิมพ์บางสิ่งในฟิลด์ชื่อนักเรียนที่กรอง นี่คือการเชื่อมโยงไปยังplnkr Hello_world.html <h1>Students:</h1> <label for="newStudentName"></label> <input type="text" name="newStudentName" placeholder="newStudentName" #newStudentElem> <button (click)="addNewStudent(newStudentElem.value)">Add New Student</button> <br> <input type="text" placeholder="Search" #queryElem (keyup)="0"> <ul> <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> </ul> sort_by_name_pipe.ts import {Pipe} from …

114 angular  angular2-template  angular2-directives  angular-pipe 

ฉันสังเกตเห็นว่าถ้าฉันปิดใช้งานตัวควบคุมในรูปแบบปฏิกิริยา Angular 2 ตัวควบคุมจะไม่รวมอยู่ใน form.value ตัวอย่างเช่นหากฉันกำหนดแบบฟอร์มของฉันดังนี้: this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), LinkingTolerance: new FormControl({value: settings.LinkingTolerance, disabled: !settings.Enabled}, Validators.required) }); และตรวจสอบ this.notelinkingForm.value หากเปิดใช้งานการควบคุมทั้งหมดเอาต์พุตจะเป็น: {"Enabled":true, "LinkToPreceeding": true, LinkingTolerance:"100"} อย่างไรก็ตามเมื่อปิดใช้งานการควบคุมบางส่วนจะเป็น: {"Enabled":true} สังเกตว่ามีการยกเว้นการควบคุมที่ปิดใช้งานอย่างไร จุดประสงค์ของฉันคือเมื่อแบบฟอร์มเปลี่ยนแปลงฉันต้องการให้สามารถส่ง form.value พร้อมคุณสมบัติทั้งหมดในนั้นออกไปยัง API ที่เหลือของฉัน สิ่งนี้จะเป็นไปไม่ได้อย่างชัดเจนหากไม่มีรายการที่ปิดใช้งาน ฉันพลาดอะไรบางอย่างที่นี่หรือนี่คือพฤติกรรมที่คาดไว้? มีวิธีบอกให้ Angular รวมรายการที่ปิดใช้งานใน form.value …

114 angular  angular2-forms