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

ฉันกำลังพยายามใช้ Dynamic Forms ใน Angular 2 ฉันได้เพิ่มฟังก์ชั่นเพิ่มเติมเช่น Delete และ Cancel ไปยังแบบฟอร์มไดนามิก ฉันได้ทำตามเอกสารนี้: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html ฉันได้ทำการเปลี่ยนแปลงรหัส ฉันพบข้อผิดพลาดที่นี่ ฉันจะทำให้ข้อผิดพลาดนี้เกิดขึ้นได้อย่างไร คุณสามารถค้นหารหัสเต็มได้ที่นี่: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=previewซึ่งทำงานในเครื่องอัดเสียง แต่ไม่ใช่ในระบบท้องถิ่นของฉัน รหัส Html: <div> <form [formGroup]="form"> <div *ngFor="let question of questions" class="form-row"> <label [attr.for]="question.key">{{question.label}}</label> <div [ngSwitch]="question.controlType"> <input *ngSwitchCase="'textbox'" [formControlName]="question.key" [id]="question.key" [type]="question.type" [(ngModel)]="question.value"> <select [id]="question.key" [(ngModel)]="question.value" *ngSwitchCase="'dropdown'" [formControlName]="question.key" > <option *ngFor="let opt of …

178 forms  angular  angular2-template  angular2-forms 

มีทางลัดใด ๆ ในการเปลี่ยนชื่อส่วนประกอบด้วย Angular CLI นอกเหนือจากการแก้ไขไฟล์คอมโพเนนต์ทั้งหมดด้วยตนเองเช่นชื่อโฟลเดอร์, .css, .ts, spec.ts และ app.module.ts หรือไม่

178 angular  angular-cli  rename  angular-components 

ฉันมีองค์ประกอบ Angular2 ในองค์ประกอบนั้นในปัจจุบันมีเขตข้อมูลพวงที่มี @Input () นำไปใช้ก่อนหน้าพวกเขาเพื่ออนุญาตให้เชื่อมโยงกับคุณสมบัตินั้นเช่น @Input() allowDay: boolean; สิ่งที่ฉันต้องการจะทำคือผูกกับอสังหาริมทรัพย์ด้วยการรับ / การตั้งค่าเพื่อที่ฉันจะสามารถทำตรรกะอื่น ๆ บางอย่างในสุนัขที่ตั้งค่าดังต่อไปนี้ _allowDay: boolean; get allowDay(): boolean { return this._allowDay; } set allowDay(value: boolean) { this._allowDay = value; this.updatePeriodTypes(); } ฉันจะทำสิ่งนี้ใน Angular2 ได้อย่างไร จากการแนะนำของ Thierry Templier ฉันเปลี่ยนเป็น แต่นั่นทำให้เกิดข้อผิดพลาดที่ไม่สามารถผูกกับ 'allowDay' ได้เนื่องจากไม่ใช่คุณสมบัติดั้งเดิมที่รู้จัก: //@Input() allowDay: boolean; _allowDay: boolean; get allowDay(): boolean …

178 angular 

หลังจากติดตั้งเชิงมุมที่ typescript คอมไพเลอร์ให้ได้รับข้อผิดพลาดบางอย่างเกี่ยวกับไม่พบPromise, Map, และSetIterator จนถึงตอนนี้ฉันเพิกเฉย แต่ตอนนี้ฉันต้องการPromiseรหัสของฉันจึงสามารถทำงานได้ import {Component} from 'angular2/core'; @Component({ selector: 'greeting-cmp', template: `<div>{{ asyncGreeting | async}}</div>` }) export class GreetingCmp { asyncGreeting: Promise<string> = new Promise(resolve => { // after 1 second, the promise will resolve window.setTimeout(() => resolve('hello'), 1000); }); } Additional information: npm -v is …

176 javascript  angular  typescript 

นี่คือการขับรถฉันบ้าฉันอยู่ภายใต้ปืนและไม่สามารถที่จะใช้เวลาอีกทั้งวันนี้ ฉันกำลังพยายามตั้งค่าการควบคุม ('dept') ด้วยตนเองภายในองค์ประกอบและมันก็ใช้งานไม่ได้ - แม้กระทั่งค่าบันทึกใหม่เพื่อคอนโซลอย่างถูกต้อง นี่คืออินสแตนซ์ของ FormBuilder: initForm() { this.form = this.fb.group({ 'name': ['', Validators.required], 'dept': ['', Validators.required], 'description': ['', Validators.required], }); } นี่คือตัวจัดการเหตุการณ์ที่ได้รับฝ่ายที่เลือก: deptSelected(selected: { id: string; text: string }) { console.log(selected) // Shows proper selection! // This is how I am trying to set the value this.form.controls['dept'].value …

176 forms  components  angular 

ฉันมีปัญหาในการซ่อนและแสดงองค์ประกอบโดยขึ้นอยู่กับตัวแปรบูลีนใน Angular 2 นี่คือรหัสสำหรับ div ที่จะแสดงและซ่อน: <div *ngIf="edited==true" class="alert alert-success alert-dismissible fade in" role="alert"> <strong>List Saved!</strong> Your changes has been saved. </div> ตัวแปรคือ "แก้ไข" และเก็บไว้ในองค์ประกอบของฉัน: export class AppComponent implements OnInit{ (...) public edited = false; (...) saveTodos(): void { //show box msg this.edited = true; //wait 3 Seconds and hide …

174 typescript  angular 

ความแตกต่างระหว่างChangeDetectorRef.markForCheck()และChangeDetectorRef.detectChanges()คืออะไร? ฉันพบข้อมูลเกี่ยวกับ SO เท่านั้นถึงความแตกต่างระหว่างNgZone.run()แต่ไม่ใช่ระหว่างฟังก์ชันทั้งสองนี้ สำหรับคำตอบที่มีการอ้างอิงถึงเอกสารเท่านั้นโปรดแสดงสถานการณ์จำลองที่เป็นประโยชน์บางอย่างเพื่อเลือกข้อใดข้อหนึ่ง

174 angular  angular2-changedetection 

ฉันรู้ว่านี่เป็นคำถามทั่วไป แต่ฉันไม่สามารถอัปโหลดไฟล์ใน Angular 2 ฉันได้ลองแล้ว 1) http://valor-software.com/ng2-file-upload/และ 2) http://ng2-uploader.com/home ... แต่ล้มเหลว มีใครอัปโหลดไฟล์ใน Angular หรือไม่ วิธีการอะไรที่คุณใช้? ทำอย่างไร หากมีการให้โค้ดตัวอย่างหรือลิงค์สาธิตใด ๆ ก็จะได้รับการชื่นชมอย่างมาก

173 angular  file-upload  angular2-http 

วิธีการเปลี่ยนเส้นทางผู้ใช้ไปยัง URL ภายนอกทั้งหมดใน Angular 2 ตัวอย่างเช่นหากฉันต้องการเปลี่ยนเส้นทางผู้ใช้ไปยังเซิร์ฟเวอร์ OAuth2 เพื่อตรวจสอบสิทธิ์ฉันจะทำอย่างไร Location.go(), Router.navigate()และRouter.navigateByUrl()ไม่เป็นไรสำหรับการส่งผู้ใช้ไปยังส่วนอื่น (เส้นทาง) ภายในแอป Angular 2 แต่ฉันไม่เห็นว่าพวกเขาจะถูกนำไปใช้เพื่อเปลี่ยนเส้นทางไปยังไซต์ภายนอกได้อย่างไร

173 redirect  angular  angular2-routing 

ฉันเริ่มใช้ angi-cli แล้วและฉันได้อ่านคำตอบมากมายเกี่ยวกับสิ่งที่ฉันต้องการจะทำ ... ไม่ประสบความสำเร็จดังนั้นฉันจึงมาที่นี่ มีวิธีในการสร้างองค์ประกอบให้กับโมดูลใหม่หรือไม่? เช่น: ng g module newModule ng g component newComponent (วิธีเพิ่มส่วนประกอบนี้ใน newModule ??) เพราะการทำงานเริ่มต้นเชิงมุม-CLI app.moduleคือการวางองค์ประกอบใหม่ทั้งหมดภายใน app.moduleผมอยากจะเลือกที่องค์ประกอบของฉันจะเป็นเพื่อที่ฉันสามารถสร้างโมดูลแยกออกจากกันและจะไม่ได้มีส่วนประกอบของฉันทั้งหมดภายใน เป็นไปได้ที่จะทำเช่นนั้นโดยใช้ angular-cli หรือฉันต้องทำด้วยตนเอง?

171 angular  typescript  angular-cli 

ฉันเริ่มแอปพลิเคชันAngularแรกของฉันและการตั้งค่าพื้นฐานของฉันเสร็จสิ้น ฉันจะเพิ่มBootstrapในแอปพลิเคชันของฉันได้อย่างไร หากคุณสามารถยกตัวอย่างแล้วมันจะเป็นความช่วยเหลือที่ดี

170 angular  twitter-bootstrap  typescript  twitter-bootstrap-3 

ตอนนี้ฉันมีหน้าเริ่มต้นที่ฉันมีสามลิงก์ เมื่อคุณคลิกที่ลิงก์ 'เพื่อน' ครั้งล่าสุดคอมโพเนนต์เพื่อนที่เหมาะสมจะได้รับการเริ่มต้น ในนั้นฉันต้องการดึงข้อมูล / รับรายชื่อเพื่อนของฉันที่เข้าสู่ไฟล์ friends.json จนถึงตอนนี้ทุกอย่างทำงานได้ดี แต่ฉันยังคงเป็นมือใหม่สำหรับบริการ HTTP ของ angular2 โดยใช้แนวคิดแผนที่ของ RxJs ที่สังเกตได้ ฉันพยายามที่จะเข้าใจและอ่านบทความไม่กี่ แต่จนกระทั่งฉันได้ทำงานจริงฉันจะไม่เข้าใจแนวคิดเหล่านั้นอย่างถูกต้อง ที่นี่ฉันได้ทำ plnkr ซึ่งทำงานยกเว้นงานที่เกี่ยวข้องกับ HTTP Plnkr myfriends.ts import {Component,View,CORE_DIRECTIVES} from 'angular2/core'; import {Http, Response,HTTP_PROVIDERS} from 'angular2/http'; import 'rxjs/Rx'; @Component({ template: ` <h1>My Friends</h1> <ul> <li *ngFor="#frnd of result"> {{frnd.name}} is {{frnd.age}} years old. …

170 http  angular  rxjs 

ฉันได้รับโค้ด HTML จากการโทร HTTP ฉันใส่บล็อก HTML ในตัวแปรและใส่ไว้ในหน้าของฉันด้วย [innerHTML] แต่ฉันไม่สามารถจัดสไตล์บล็อก HTML ที่แทรกไว้ได้ ไม่มีใครมีข้อเสนอแนะใด ๆ ว่าฉันจะบรรลุเป้าหมายนี้ได้อย่างไร? @Component({selector: 'calendar', template: '<div [innerHTML]="calendar"></div>', providers:[HomeService], styles: [` h3 {color:red;} `}) HTML ที่ฉันต้องการสไตล์คือบล็อกที่มีอยู่ในตัวแปร "ปฏิทิน"

170 angular  innerhtml 

ฉันกำลังพยายามอัปเดตแอป Angular 5.2 เป็น Angular 6 ฉันทำตามคำแนะนำในคู่มือการอัปเดต Angular เรียบร้อยแล้ว (รวมถึงการอัปเดตangular-cliเป็น v6) และตอนนี้ฉันกำลังพยายามให้บริการแอปผ่านทาง ng serve --env=local แต่นี่ทำให้ฉันเกิดข้อผิดพลาด: ตัวเลือกที่ไม่รู้จัก: '--env' ฉันใช้หลายสภาพแวดล้อม ( dev/local/prod) และนี่คือวิธีการทำงานใน Angular 5.2 ฉันจะตั้งค่าสภาพแวดล้อมใน Angular 6 ได้อย่างไร

169 angular  angular6  angular-cli 

องค์ประกอบของฉันมีสไตล์ที่ขึ้นอยู่กับวันที่และเวลาปัจจุบัน ในองค์ประกอบของฉันฉันมีฟังก์ชั่นต่อไปนี้ private fontColor( dto : Dto ) : string { // date d'exécution du dto let dtoDate : Date = new Date( dto.LastExecution ); (...) let color = "hsl( " + hue + ", 80%, " + (maxLigness - lightnessAmp) + "%)"; return color; } lightnessAmpคำนวณจาก datetime ปัจจุบัน สีจะเปลี่ยนหากdtoDateอยู่ในช่วง …

168 angular  typescript  time  styles  components