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

หากฉันมีปุ่มต่อไปนี้ในไฟล์ html <button (click)="doSomething('testing', $event)">Do something</button> นอกจากนี้ในองค์ประกอบที่เกี่ยวข้องฉันมีฟังก์ชันนี้ doSomething(testString: string, event){ event.stopPropagation(); console.log(testString + ': I am doing something'); } มีประเภทที่เหมาะสมที่ควรกำหนดให้กับ$eventอินพุตหรือไม่? พารามิเตอร์เหตุการณ์เป็นวัตถุ แต่ถ้าฉันกำหนดให้กับวัตถุประเภทฉันได้รับข้อผิดพลาด ไม่มีคุณสมบัติ 'stopPropogation' บนวัตถุชนิด typescript พิจารณา$eventอินพุตอะไรบ้าง?

93 javascript  typescript  angular 

หลังจากอัปเกรดเป็น RC5 เราเริ่มได้รับข้อผิดพลาดนี้: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like to avoid registering this form control, …

93 angular  angular2-forms  angular2-formbuilder 

เอกสารประกอบของ Angular แจ้งว่าฉันควรใช้--base-hrefพารามิเตอร์ในแอปพลิเคชัน Angular build สำหรับการใช้งานจริงเมื่อจะนำไปใช้งานในโฟลเดอร์ย่อยของเซิร์ฟเวอร์: หากคุณคัดลอกไฟล์ลงในโฟลเดอร์ย่อยของเซิร์ฟเวอร์ให้ต่อท้ายแฟล็ก build --base-hrefและตั้งค่าให้<base href>เหมาะสม ตัวอย่างเช่นหากindex.htmlอยู่บนเซิร์ฟเวอร์ที่/my/app/index.htmlให้ตั้งค่า href พื้นฐานเป็น<base href="https://stackoverflow.com/my/app/">เช่นนี้ https://angular.io/guide/deployment อย่างไรก็ตาม angular-cli มี--deploy-urlพารามิเตอร์ เอกสารประกอบเครื่องมืออธิบายว่า: URL ที่จะนำไฟล์ไปใช้งาน https://github.com/angular/angular-cli/wiki/build ฉันได้เห็นโซลูชันที่ใช้อินส--deploy-urlแตนซ์--base-hrefเมื่อแอปพลิเคชันกำลังจะถูกปรับใช้ในโฟลเดอร์ย่อยของเซิร์ฟเวอร์ คำถาม อะไรคือความแตกต่างระหว่าง--base-hrefและ--deploy-urlพารามิเตอร์ของเครื่องมือเชิงมุม? ฉันควรใช้แต่ละตัวเมื่อใด

93 angular  angular-cli 

ด้วยangular-cli ng serveเซิร์ฟเวอร์ dev ภายในเครื่องจะให้บริการไฟล์แบบคงที่ทั้งหมดจากไดเรกทอรีโครงการของฉัน ฉันจะพร็อกซีการเรียก AJAX ไปยังเซิร์ฟเวอร์อื่นได้อย่างไร

93 angular  angular-cli 

ในโครงการ Angular 2 ของฉันฉันทำการเรียก API จากบริการที่ส่งคืน Observable จากนั้นรหัสการโทรจะสมัครรับข้อมูลที่สังเกตได้นี้ ตัวอย่างเช่น: getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } สมมติว่าเซิร์ฟเวอร์ส่งคืน 401 ฉันจะตรวจจับข้อผิดพลาดนี้ทั่วโลกและเปลี่ยนเส้นทางไปยังหน้าล็อกอิน / ส่วนประกอบได้อย่างไร ขอบคุณ. นี่คือสิ่งที่ฉันมีจนถึงตอนนี้: // boot.ts import {Http, XHRBackend, RequestOptions} from 'angular2/http'; import {CustomHttp} from './customhttp'; bootstrap(AppComponent, [HTTP_PROVIDERS, ROUTER_PROVIDERS, new Provider(Http, { useFactory: (backend: XHRBackend, defaultOptions: RequestOptions) => new CustomHttp(backend, …

92 angular 

ฉันได้อ่านคำถามเกี่ยวกับ JavaScript ในหัวข้อนี้คำถามนี้เกี่ยวกับ Angular2 กับ TypeScript โดยเฉพาะ สิ่งที่ฉันพยายามทำคือการต่อวัตถุ json เข้ากับอาร์เรย์ รหัสของฉันมีลักษณะเช่นนี้ public results: []; public getResults(){ this._service.get_search_results(this._slug, this._next).subscribe( data => { this.results.concat(data.results); this._next = data.next; }, err => { console.log(err); } ); } ฉันdata.resultsจะเชื่อมต่อthis.resultsกับ typescript และ angular ได้อย่างไร? this._slugและthis._nextตั้งอยู่ในชั้นเรียน ขอบคุณ.

92 arrays  typescript  angular 

ฉันพยายามทำซ้ำบน formArray ในส่วนประกอบของฉัน แต่ฉันได้รับข้อผิดพลาดต่อไปนี้ Error: Cannot find control with unspecified name attribute นี่คือลักษณะของตรรกะในไฟล์คลาสของฉัน export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): any { return this.fb.group({ name: ['', [Validators.required]], latLong: ['', [Validators.required]], details: ['', [Validators.required]] }); } public ngOnInit(): void …

92 loops  angular  angular2-forms 

ฉันสร้าง @Directive ใหม่โดย Angular CLI มันถูกนำเข้ามาที่ app.module.ts ของฉัน import { ContenteditableModelDirective } from './directives/contenteditable-model.directive'; import { ChatWindowComponent } from './chat-window/chat-window.component'; @NgModule({ declarations: [ AppComponent, ContenteditableModelDirective, ChatWindowComponent, ... ], imports: [ ... ], ... }) และฉันพยายามใช้ในส่วนประกอบของฉัน (ChatWindowComponent) <p [appContenteditableModel] > Write message </p> แม้ว่าภายในคำสั่งจะเป็นเพียงโค้ดที่สร้างขึ้น Angular CLI: import { Directive } from …

92 angular  typescript  directive 

ฉันได้ตั้งค่ารหัสเชิงมุมในเครื่องของฉัน ฉันต้องการทราบเวอร์ชันของเชิงมุมที่ฉันใช้ในโครงการ ฉันจะค้นหามันในพรอมต์ cmd ได้อย่างไร

92 javascript  angular 

ฉันมีในส่วนประกอบEventEmitterแต่ฉันไม่สามารถรวบรวมได้เพราะมันส่งคืนข้อผิดพลาด: Supplied parameters do not match any signature of call target ส่วนประกอบของฉัน: @Output() addModel = new EventEmitter<any>(); saveModel($event, make, name) { this.addModel.emit(make, name); } หากฉันลบพารามิเตอร์ตัวใดตัวหนึ่งในthis.addModel.emit()นั้นใช้งานได้: ฉันสามารถส่งพารามิเตอร์ 2 ตัวไปยังพารามิเตอร์ของฉันได้eventEmitterอย่างไร? ฉันลองด้วย: @Output() addModel = new EventEmitter<any,any>(); แต่มันไม่ได้ผล

92 angular  eventemitter 

ให้รหัสนี้: this.form = this.formBuilder.group({ email: ['', [Validators.required, EmailValidator.isValid]], hasAcceptedTerms: [false, Validators.pattern('true')] }); ฉันจะรับข้อผิดพลาดในการตรวจสอบความถูกต้องทั้งหมดได้this.formอย่างไร? ฉันกำลังเขียนการทดสอบหน่วยและต้องการรวมข้อผิดพลาดในการตรวจสอบความถูกต้องจริงไว้ในข้อความยืนยัน

92 angular  typescript  validation 

ฉันมีรูปแบบปฏิกิริยาในเชิงมุมดังต่อไปนี้: this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some app logic } } this.AddCustomerForm.valid ส่งคืนเท็จ แต่ทุกอย่างดูดี ฉันได้พยายามค้นหาด้วยการตรวจสอบคุณสมบัติสถานะในคอลเล็กชันการควบคุม …

92 angular  angular-reactive-forms  reactive 

ฉันพยายามตั้งเป็นค่าเริ่มต้นของเหตุการณ์แรกในตัวอย่างนี้: plunkr ได้รับข้อผิดพลาดต่อไปนี้: Unhandled Promise rejection: Template parse errors: TypeError: Cannot read property 'toUpperCase' of undefined ("dButtonToggleGroup"> <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first">"): ng:///AppModule/HomeComponent.html@35:78 Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 in [let indicador of indicadores; #first = first] …

92 angular  angular-material 

โค้ดต่อไปนี้ผิดอะไร เกิดขึ้นกับฉันเมื่อฉันพยายามกำหนดนิพจน์ให้กับองค์ประกอบ <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="{{MY_PREC}}" aria-valuemin="0" aria-valuemax="100" > {{MY_PREC}} </div> ยังพยายามเป็น [aria-valuenow]={{MY_PREC}} ดูเหมือนจะเกิดขึ้นตั้งแต่ RC5 ความคิดใด ๆ

91 angular 

ฉันเพิ่งเริ่มใช้ angular 4 แทน angular.js 1 ฉันได้ติดตามบทช่วยสอนฮีโร่เพื่อเรียนรู้เกี่ยวกับพื้นฐานของ angular 4 และฉันกำลังใช้ "RouterModule" ของเชิงมุมจากแพ็คเกจ "@ angular / router" ในการดำเนินการอนุญาตบางอย่างสำหรับแอปพลิเคชันของฉันฉันต้องการทราบวิธีการเปลี่ยนเส้นทางไปยังเส้นทางอื่นด้วยตนเองดูเหมือนว่าฉันไม่พบข้อมูลที่เป็นประโยชน์เกี่ยวกับเรื่องนี้บนอินเทอร์เน็ต

91 angular