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

ฉันต้องการใช้ปุ่มตัวเลือกในรูปแบบโดยใช้ Angular 2 Options : <br/> 1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/> 2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/> model.options ค่าเริ่มต้นคือ 1 เมื่อโหลดเพจแล้วจะไม่มีการตรวจสอบปุ่มตัวเลือกแรกและการปรับเปลี่ยนจะไม่เชื่อมโยงกับโมเดล ความคิดใด ๆ ?

120 forms  radio-button  angular 

ฉันต้องการใช้ Chart.js ภายในโครงการ Angular ของฉัน ใน Angular2 เวอร์ชันก่อนหน้าฉันทำได้ดีโดยใช้ 'chart.loader.ts' ซึ่งมี: export const { Chart } = require('chart.js'); จากนั้นในรหัสส่วนประกอบฉันก็แค่ import { Chart } from './chart.loader'; แต่หลังจากอัปเกรดเป็น cli 1.0.0 และ Angular 4 ฉันได้รับข้อผิดพลาด: "ไม่พบชื่อ 'ต้องการ'" ในการสร้างข้อผิดพลาดซ้ำ: ng new newapp cd newapp npm install chart.js --save echo "export const { Chart } = …

120 angular  angular-cli 

ฉันต้องการเพิ่มลิงก์ในหน้า Angular2 ของฉันซึ่งเมื่อคลิกจะข้ามไปยังตำแหน่งเฉพาะในหน้านั้นเช่นเดียวกับที่แฮชแท็กปกติทำ ดังนั้นลิงก์จะเป็นอย่างไร /users/123#userInfo /users/123#userPhoto /users/123#userLikes เป็นต้น ฉันไม่คิดว่าฉันต้องการ HashLocationStrategy เพราะฉันสบายดีกับวิธี Angular2 ปกติ แต่ถ้าฉันเพิ่มโดยตรงลิงก์จะข้ามไปที่รูทจริง ๆ ไม่ใช่ที่ใดที่หนึ่งในหน้าเดียวกัน ขอบคุณทุกทิศทางขอบคุณ

120 routing  angular  hashtag 

ถ้าฉันไม่ได้เพิ่มส่วนตัวก่อนfoo, loadBarและtextผมเชื่อว่าพวกเขาจะมีประชาชนไปโดยปริยาย export class RandomComponent { @Input() foo: string; @Output() loadBar = new EventEmitter(); text: string; } มีกรณีการใช้งานเมื่ออยู่publicในส่วนประกอบหรือไม่? ด้วยเหตุผลด้านการห่อหุ้ม / ความปลอดภัยฉันควรเพิ่มprivateสิ่งเหล่านี้ทั้งหมดไว้ด้านล่างหรือไม่? export class RandomComponent { @Input() private foo: string; @Output() private loadBar = new EventEmitter(); private text: string; } ขอบคุณ

120 typescript  angular 

ฉันได้พัฒนาเว็บด้วย Angular2 และใช้ทั้ง Angular2 และ Firebase เพื่อรันเซิร์ฟเวอร์ภายใน ฉันไม่พบคำสั่งที่คล้ายกับการพิมพ์ออกเมื่อใช้ Ionic เพื่อสร้างเซิร์ฟเวอร์ดังนั้นฉันจึงต้องปิดแท็บเทอร์มินัลทุกครั้ง มีวิธีสิ้นสุดเซิร์ฟเวอร์และรับแท็บเทอร์มินัลกลับคืนมาหรือไม่ ขอบคุณ

119 angular  firebase  angular-cli  firebase-tools 

ฉันพยายามสร้างแอปไอออนิก 2 เมื่อฉันลองใช้แอปในเบราว์เซอร์ที่มีไอออนิกให้บริการหรือเปิดใช้งานบนโปรแกรมจำลองทุกอย่างทำงานได้ดี แต่เมื่อลองสร้างทุกครั้งก็เกิดข้อผิดพลาด ionic-app-script tast: "build" Error Type AddEvent in "PATH"/add.event.ts is part of the declarations of 2 modules: AppModule in "PATH"/app.modules.ts and AddEvent in "PATH"/add-event.module.ts. Please consider moving AddEvent in "PATH"/add-event.ts to a higher module that imports AppModule in "PATH"/app.module.ts and AddEventModule. You can also creat a new …

119 angular  build  ionic2  declaration  ionic3 

ฉันมีไฟล์ JavaScript เรียกว่าabc.jsที่มีฟังก์ชั่น 'สาธารณะ' xyz()ที่เรียกว่า ฉันต้องการเรียกใช้ฟังก์ชันนั้นในโครงการเชิงมุมของฉัน ฉันจะทำอย่างไร?

119 javascript  angular 

เป็นไปได้ไหมที่จะสร้างตัวตรวจสอบความถูกต้องซึ่งสามารถใช้หลายค่าเพื่อตัดสินใจว่าฟิลด์ของฉันถูกต้องหรือไม่ เช่นหากวิธีการติดต่อที่ลูกค้าต้องการคือทางอีเมลควรต้องระบุฟิลด์อีเมล ขอบคุณ อัปเดตด้วยโค้ดตัวอย่าง ... import {Component, View} from 'angular2/angular2'; import {FormBuilder, Validators, formDirectives, ControlGroup} from 'angular2/forms'; @Component({ selector: 'customer-basic', viewInjector: [FormBuilder] }) @View({ templateUrl: 'app/components/customerBasic/customerBasic.html', directives: [formDirectives] }) export class CustomerBasic { customerForm: ControlGroup; constructor(builder: FormBuilder) { this.customerForm = builder.group({ firstname: [''], lastname: [''], validateZip: ['yes'], zipcode: ['', this.zipCodeValidator] …

119 angular 

ฉันได้ลองทำตามตัวอย่างคำตอบอื่น ๆ จากที่นี่แล้ว แต่ก็ไม่สำเร็จ! ฉันสร้างรูปแบบปฏิกิริยา (เช่นไดนามิก) และฉันต้องการปิดใช้งานบางฟิลด์ในเวลาใดก็ตาม รหัสแบบฟอร์มของฉัน: this.form = this._fb.group({ name: ['', Validators.required], options: this._fb.array([]) }); const control = <FormArray>this.form.controls['options']; control.push(this._fb.group({ value: [''] })); html ของฉัน: <div class='row' formArrayName="options"> <div *ngFor="let opt of form.controls.options.controls; let i=index"> <div [formGroupName]="i"> <select formArrayName="value"> <option></option> <option>{{ opt.controls.value }}</option> </select> </div> </div> </div> ฉันลดรหัสเพื่ออำนวยความสะดวก …

119 angular 

ฉันใช้ TypeScript เวอร์ชัน 2 สำหรับโค้ดคอมโพเนนต์ Angular 2 ฉันได้รับข้อผิดพลาด "ค่าคุณสมบัติ" ไม่มีอยู่ในประเภท "EventTarget" สำหรับโค้ดด้านล่างสิ่งที่สามารถแก้ปัญหาได้ ขอบคุณ! e.target.value.match (/ \ S + / g) || []).ความยาว import { Component, EventEmitter, Output } from '@angular/core'; @Component({ selector: 'text-editor', template: ` <textarea (keyup)="emitWordCount($event)"></textarea> ` }) export class TextEditorComponent { @Output() countUpdate = new EventEmitter<number>(); emitWordCount(e: Event) …

119 angular  typescript 

ฉันมี ListComponent เมื่อมีการคลิกรายการใน ListComponent รายละเอียดของรายการนั้นควรจะแสดงใน DetailComponent ทั้งสองอย่างอยู่บนหน้าจอในเวลาเดียวกันดังนั้นจึงไม่มีการกำหนดเส้นทางที่เกี่ยวข้อง ฉันจะบอก DetailComponent ได้อย่างไรว่ารายการใดใน ListComponent ถูกคลิก ฉันได้พิจารณาการปล่อยเหตุการณ์ไปยังผู้ปกครอง (AppComponent) และให้ผู้ปกครองตั้งค่า selectedItem.id บน DetailComponent ด้วย @Input หรือฉันสามารถใช้บริการร่วมกับการสมัครสมาชิกที่สังเกตได้ แก้ไข:การตั้งค่ารายการที่เลือกผ่านเหตุการณ์ + @Input ไม่ได้ทริกเกอร์ DetailComponent แต่ในกรณีที่ฉันต้องรันโค้ดเพิ่มเติม ฉันไม่แน่ใจว่านี่เป็นวิธีแก้ปัญหาที่ยอมรับได้ แต่ทั้งสองวิธีนี้ดูซับซ้อนกว่าวิธี Angular 1 ในการทำสิ่งต่างๆซึ่งไม่ว่าจะผ่าน $ rootScope $ broadcast หรือ $ scope $ parent. $ broadcast เนื่องจากทุกอย่างใน Angular 2 เป็นส่วนประกอบฉันรู้สึกประหลาดใจที่ไม่มีข้อมูลเพิ่มเติมเกี่ยวกับการสื่อสารของคอมโพเนนต์ มีวิธีอื่น / ตรงไปตรงมากว่านี้ในการทำให้สำเร็จหรือไม่?

118 javascript  angular  typescript 

ฉันมีช่องวันที่และต้องการลบตัวยึดตามค่าเริ่มต้น ฉันใช้จาวาสคริปต์onfocusและonfocusoutเหตุการณ์เพื่อลบตัวยึด ใครช่วยใช้คำสั่ง angular2 ได้ไหม <input name="date" type="text" onfocus="(this.type='date')" onfocusout="(this.type='text')" class="dateinput"> ฉันพยายามแก้ไขด้วยวิธีนี้ แต่ฉันมีปัญหากับการรีเซ็ตประเภทช่องป้อนข้อมูล import { Directive, ElementRef, Input } from 'angular2/core'; @Directive({ selector: '.dateinput', host: { '(focus)': 'setInputFocus()', '(focusout)': 'setInputFocusOut()', }}) export class MyDirective { constructor(el: ElementRef) { this.el = el.nativeElement; console.log(this.el);} setInputFocus(): void { //console.log(this.elementRef.nativeElement.value); } }

118 angular 

ฉันพยายามสร้างแถบนำทางที่ตอบสนองและไม่ต้องการใช้คิวรีสื่อดังนั้นฉันตั้งใจจะใช้*ngIFขนาดหน้าต่างเป็นเกณฑ์ แต่ฉันประสบปัญหาเนื่องจากไม่พบวิธีการหรือเอกสารใด ๆ เกี่ยวกับการตรวจจับขนาดหน้าต่าง Angular 4 ฉันได้ลองใช้วิธี JavaScript แล้ว แต่ไม่รองรับ ฉันได้ลองทำสิ่งต่อไปนี้แล้ว : constructor(platform: Platform) { platform.ready().then((readySource) => { console.log('Width: ' + platform.width()); console.log('Height: ' + platform.height()); }); } ... ซึ่งใช้ในไอออนิก และscreen.availHeightแต่ก็ยังไม่ประสบความสำเร็จ

118 html  angular  dom-events 

การกำหนดเส้นทางของฉันในแอพ angular2 ทำงานได้ดี แต่ฉันจะสร้าง routeLink ตามนี้ : นี่คือเส้นทางของฉัน: const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, { path:'**' , component: FormComponent } ]; และนี่คือลิงค์ที่ฉันทำ: <ul class="nav navbar-nav item"> <li> <a routerLink='/home' routerLinkActive="active">Home</a> </li> <li> <a routerLink='/about' routerLinkActive="active">About this</a> </li> </ul> ฉันคาดหวังว่าเมื่อฉันคลิกที่พวกเขามันจะไปยังองค์ประกอบที่เคารพ แต่พวกเขาไม่ได้ทำอะไรเลย?

118 angular  angular2-routing 

ฉันมีโมดูล Angular 2 ที่ฉันใช้งานการกำหนดเส้นทางและต้องการให้รัฐเก็บไว้เมื่อนำทาง ผู้ใช้ควรจะสามารถ: ค้นหาเอกสารโดยใช้ 'สูตรการค้นหา' ไปที่ผลลัพธ์อย่างใดอย่างหนึ่ง กลับไปที่ 'searchresult' - โดยไม่ต้องสื่อสารกับเซิร์ฟเวอร์ RouteReuseStrategyนี้เป็นไปได้รวมถึง คำถามคือ ฉันจะนำเอกสารนั้นไปใช้งานได้อย่างไร? ดังนั้นเส้นทางเส้นทาง "สถานะของเอกสาร" ควรถูกจัดเก็บและไม่ควรจัดเก็บสถานะเส้นทาง "เอกสาร /: id"?

117 javascript  angular  typescript  angular-ui-router