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

ฉันถูกถามในวันนี้และไม่สามารถให้คำตอบที่เหมาะสมได้ typescript ถ่ายทอดเป็น JS จากนั้นมีต้นไม้สั่น "น้อยกว่า" (ไม่บังคับ) และมีอะไรอีกบ้างในกระบวนการทำให้ใช้งานได้ แต่ไม่มีอะไรเช่นนั้น (afaik) เกี่ยวข้องกับการ "รวบรวม" ทุกอย่างได้รับการรวมและปรับให้เหมาะสมอย่างมาก แต่ยังไม่ได้รวบรวมจริงใช่ไหม? แม้จะมีผู้ควบคุม - "ล่วงหน้า" ซึ่งทำงานได้อย่างเห็นได้ชัด ฉันคิดถึงอะไร? Javascript เองก็ยังตีความได้ใช่ไหม?

88 javascript  angular  typescript  angular-cli  angular-compiler-cli 

ฉันใหม่ในการพัฒนาเชิงมุม 5 ฉันกำลังพยายามพัฒนาตารางข้อมูลด้วยวัสดุเชิงมุมโดยใช้ตัวอย่างที่ให้ไว้ที่นี่: " https://material.angular.io/components/table/examples " ฉันได้รับข้อผิดพลาดแจ้งว่า Can't bind to 'dataSource' since it isn't a known property of 'table'. กรุณาช่วย.

88 angular  datatable  angular-material 

ฉันมีเหตุการณ์คลิกดังกล่าว <button (click)="toggle($event)" class="someclass" id="btn1"></button> <button (click)="toggle($event)" class="someclass" id="btn2"></button> ฉันจับเหตุการณ์ในพารามิเตอร์อินพุตฟังก์ชันของฉันและต้องการทราบว่าปุ่มใดถูกคลิก toggle(event) { } แต่eventไม่มีidทรัพย์สิน altKey: false bubbles: true button: 0 buttons: 0 cancelBubble: false cancelable: true clientX: 1198 clientY: 29 ctrlKey: false currentTarget: button#hdrbtn_notificaton.mdl-button.mdl-js-button.mdl-js-ripple-effect.mdl-button--icon defaultPrevented: false detail: 1 eventPhase: 3 fromElement: null isTrusted: true isTrusted: true layerX: -566 layerY: 5 …

88 angular 

ฉันมีคำถามเกี่ยวกับ Angular Material (ที่มี Angular 4+) พูดในเทมเพลตองค์ประกอบของฉันฉันเพิ่ม<mat-horizontal-stepper>องค์ประกอบและในแต่ละขั้นตอน<mat-step>ฉันมีปุ่มสเต็ปเปอร์เพื่อนำทางส่วนประกอบ ชอบจัง ... <mat-horizontal-stepper> <mat-step> Step 1 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 2 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 3 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> </mat-horizontal-stepper> ตอนนี้ฉันกำลังสงสัยว่าเป็นไปได้หรือไม่ที่จะลบปุ่มออกจากแต่ละขั้นตอนและวางไว้ที่อื่นใน<mat-horizontal-stepper>ตำแหน่งคงที่หรือแม้กระทั่งภายนอก<mat-horizontal-stepper>และฉันสามารถนำทางไปข้างหลังและข้างหน้าโดยใช้โค้ดภายในไฟล์ typescript ของคอมโพเนนต์ของฉัน …

88 angular  angular-material  angular-material2 

คำถามง่ายๆฉันหวังว่า ฉันต้องการเรียกใช้สคริปต์เมื่อใช้งาน Angular2 ที่เทียบเท่ากับ $ document.ready () วิธีที่ดีที่สุดในการบรรลุเป้าหมายนี้คืออะไร? ฉันได้ลองวางสคริปต์ในตอนท้ายของindex.htmlแล้ว แต่อย่างที่ฉันพบมันไม่ได้ผล! ฉันคิดว่ามันต้องมีการประกาศส่วนประกอบบางอย่าง? เป็นไปได้ไหมที่จะเรียกใช้โหลดสคริปต์จาก.jsไฟล์ แก้ไข - รหัส: ฉันมีปลั๊กอิน js และ css ต่อไปนี้ที่ฉีดเข้าไปในแอปพลิเคชันของฉัน (จากธีม Foundry html ) <link href="css/themify-icons.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> ... <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/flexslider.min.js"></script> ... <script src="js/scripts.js"></script> //This initiates all the …

87 angular 

ฉันมีอาร์เรย์แบบฟอร์มภายใน FormBuilder และฉันกำลังเปลี่ยนฟอร์มแบบไดนามิกเช่นเมื่อคลิกโหลดข้อมูลจากแอปพลิเคชัน 1 เป็นต้น ปัญหาที่ฉันพบคือข้อมูลทั้งหมดโหลด แต่ข้อมูลใน FormArray ยังคงอยู่และเพียงแค่เชื่อมรายการเก่ากับใหม่ ฉันจะล้าง FormArray ให้มีเฉพาะรายการใหม่ได้อย่างไร ฉันได้ลองสิ่งนี้แล้ว const control2 = <FormArray>this.registerForm.controls['other_Partners']; control2.setValue([]); แต่มันไม่ได้ผล ความคิดใด ๆ ? ngOnInit(): void { this.route.params.subscribe(params => { if (params['id']) { this.id = Number.parseInt(params['id']); } else { this.id = null;} }); if (this.id != null && this.id != NaN) { …

87 angular  angular2-forms 

ใน Angular 2 ฉันจะปิดบังช่องป้อนข้อมูล (กล่องข้อความ) เพื่อให้รับเฉพาะตัวเลขไม่ใช่ตัวอักษรได้อย่างไร ฉันมีอินพุต HTML ต่อไปนี้: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> อินพุตด้านบนเป็นอินพุตข้อความทั่วไปซึ่งอาจใช้เป็นฟิลด์ข้อความธรรมดาหรือฟิลด์ตัวเลขตัวอย่างเช่นเพื่อแสดงปี การใช้ Angular 2 ฉันจะใช้ตัวควบคุมอินพุตเดียวกันและใช้ตัวกรอง / มาสก์บางประเภทในฟิลด์นี้ได้อย่างไรเพื่อให้ยอมรับเฉพาะตัวเลข วิธีต่างๆที่ฉันสามารถทำได้คืออะไร? หมายเหตุ: ฉันต้องการบรรลุสิ่งนี้โดยใช้กล่องข้อความเท่านั้นและไม่ได้ใช้ประเภทหมายเลขอินพุต

87 html  angular  input  angularjs-directive 

ฉันสร้าง enum ด้วย typescript เพื่อใช้ใน MyService.service.ts MyComponent.component.ts และ MyComponent.component.html export enum ConnectionResult { Success, Failed } ฉันสามารถรับและเปรียบเทียบตัวแปร enum ที่กำหนดได้อย่างง่ายดายจาก MyService.service.ts: this.result = this.myService.getConnectionResult(); switch(this.result) { case ConnectionResult.Failed: doSomething(); break; case ConnectionResult.Success: doSomething(); break; } ฉันต้องการใช้ enum เพื่อเปรียบเทียบภายใน HTML ของฉันโดยใช้คำสั่ง * ngIf: <div *ngIf="result == ConnectionResult.Success; else failed"> <img src="../../assets/connection-success.png" height="300px" …

87 html  angular  typescript  enums 

ใน php และ java เราสามารถทำได้ case 1: case 2: echo "something"; ดังนั้นเมื่อค่าเป็น 1 หรือ 2 "บางสิ่ง" จะถูกพิมพ์บนหน้าจอฉันกำลังสร้างแอปพลิเคชันเชิงมุมฉันกำลังทำบางสิ่งเช่นด้านล่าง <div [ngSwitch]="data.type"> <div *ngSwitchCase="'multi-choice'">FORM 1</div> <div *ngSwitchCase="'singe-choice'">FORM 1</div> <div *ngSwitchCase="'range'">FORM 2</div> </div> แบบฟอร์มที่ใช้สำหรับตัวเลือกเดียวสามารถใช้สำหรับตัวเลือกหลายตัวได้ แต่ฉันลองทำสิ่งที่ต้องการด้านล่างเพื่อให้เป็นระเบียบมากขึ้น <div [ngSwitch]="data.type"> <div *ngSwitchCase="'multi-choice' || 'singe-choice'">FORM 1</div> </div> โชคร้ายของฉันมันไม่ได้ผลใครช่วยแนะนำวิธีที่ดีกว่านี้ให้หน่อย

87 angular 

ฉันเพิ่งเริ่มทำงานกับ Angular 2 ฉันสงสัยว่าส่วนประกอบและคำสั่งใน Angular 2 แตกต่างกันอย่างไร

86 angular  components  angular-directive  angular2-directives 

ฉันต้องการส่งค่าสตริงไปยังส่วนประกอบใน angular2 แต่ใช้ไม่ได้กับการโยงเริ่มต้น ฉันกำลังคิดอะไรบางอย่างที่คล้ายกับสิ่งนี้: <component [inputField]="string"></component> น่าเสียดายที่อนุญาตให้ใช้นิพจน์ทางด้านขวาของงานเท่านั้น มีวิธีทำไหม?

86 angular  angular2-template 

ปัญหาคือเมื่อฉันเรียกใช้แอปของฉันมันใช้งานได้ดี แต่พอรีเฟรชแล้วส่วนใหญ่จะอยู่ต่ำกว่า msg ตัวเลือก "my-app" ไม่ตรงกับองค์ประกอบใด ๆ แต่สิ่งที่แปลกคือหลายครั้งเมื่อฉันรีเฟรชแอปของฉันมันก็ใช้ได้เช่นกัน ในที่สุดฉันก็มีพฤติกรรมแปลก ๆ ของแอพและไม่สามารถคิดออกได้ บางครั้งการทำงานบางครั้งก็ไม่ ... ข้อเสนอแนะใด ๆ ไม่สามารถสร้างรหัสได้ ??? หมายเหตุ: ฉันยังไม่มีโครงสร้างหรือส่วนประกอบที่ซับซ้อน แต่ใช้งานง่าย

86 angular 

จะเพิ่มตัวดักจับ HTTP อิสระหลายตัวลงในแอปพลิเคชัน Angular 4 ได้อย่างไร ฉันพยายามเพิ่มโดยขยายprovidersอาร์เรย์ที่มีตัวสกัดกั้นมากกว่าหนึ่งตัว แต่สุดท้ายเท่านั้นที่ถูกดำเนินการจริงInterceptor1จะถูกละเว้น @NgModule({ declarations: [ /* ... */ ], imports: [ /* ... */ HttpModule ], providers: [ { provide: Http, useFactory: (xhrBackend: XHRBackend, requestOptions: RequestOptions) => new Interceptor1(xhrBackend, requestOptions), deps: [XHRBackend, RequestOptions], }, { provide: Http, useFactory: (xhrBackend: XHRBackend, requestOptions: RequestOptions) => new …

86 angular  http  interceptor  angular-http-interceptors 

ฉันต้องการใช้แถบเลื่อนช่วงในโครงการเชิงมุมและฉันลองใช้โมดูลที่มีอยู่หนึ่งโมดูลสำหรับเชิงมุม 4 มันใช้งานได้ดีในระหว่างการคอมไพล์ แต่เมื่อฉันพยายามสร้างเพื่อปรับใช้มันแสดงข้อผิดพลาดด้านล่าง ฉันตรวจสอบตัวเลือกในการใช้ปลั๊กอิน jQuery โดยตรงในโครงการเชิงมุมและฉันได้รับตัวเลือกสำหรับทำใน Angular 2 เท่านั้น มีวิธีใดบ้างที่เราสามารถใช้ปลั๊กอิน jQuery ใน Angular 4 ได้? กรุณาแจ้งให้เราทราบ ขอบคุณล่วงหน้า!

85 jquery  angular 

ปิด . คำถามนี้ต้องการรายละเอียดหรือความคมชัด ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ เพิ่มรายละเอียดและชี้แจงปัญหาโดยแก้ไขโพสต์นี้ ปิดให้บริการใน3 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันจะโหลดหน้าปัจจุบันซ้ำบน Angular 2 ได้อย่างไร ถ้าฉันอยู่ในหน้าที่ 2 (การแบ่งหน้า) และรีเฟรชหน้ามันจะแสดงหน้า 1 (หน้า URL) แต่ฉันต้องการให้ฉันรีเฟรชหน้า 2 และจะปรากฏในหน้า 2

85 angular  refresh  angular2-routing  reload  page-refresh