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

ฉันต้องการที่จะทราบว่าฉันสามารถตั้งค่าโฮสต์และพอร์ตในไฟล์ config ดังนั้นผมจึงไม่ต้องพิมพ์ ng serve --host foo.bar --port 80 แทนที่จะเป็นเพียงแค่ ng serve

166 angular  angular-cli 

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน3 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันต้องการให้ตัวแปรบางอย่างสามารถเข้าถึงได้ทุกที่Angular 2ในTypescriptภาษา ฉันจะทำสิ่งนี้ให้สำเร็จได้อย่างไร?

164 typescript  angular 

ฉันกำลังทำงานเกี่ยวกับการสอนเกี่ยวกับการตั้งค่าของiframe srcคุณลักษณะ: <iframe width="100%" height="300" src="{{video.url}}"></iframe> สิ่งนี้ทำให้เกิดข้อยกเว้น: Error: unsafe value used in a resource URL context at DomSanitizationServiceImpl.sanitize... ฉันได้ลองใช้การผูก[src]โดยไม่ประสบความสำเร็จ

164 angular 

นี่คือสิ่งที่ฉันมีใน fruit.ts export type Fruit = "Orange" | "Apple" | "Banana" ตอนนี้ฉันกำลังนำเข้า fruit.ts ในไฟล์ typescript อื่น นี่คือสิ่งที่ฉันมี myString:string = "Banana"; myFruit:Fruit = myString; เมื่อฉันทำ myFruit = myString; ฉันได้รับข้อผิดพลาด: ประเภท 'string' ไม่สามารถกำหนดให้พิมพ์ "" Orange "| "Apple" | "กล้วย"' ฉันจะกำหนดสตริงให้กับตัวแปรประเภทผลไม้ที่กำหนดเองได้อย่างไร

161 javascript  typescript  angular 

prop=xxxฉันต้องการที่จะผ่านพารามิเตอร์แบบสอบถาม มันใช้งานไม่ได้ <a [routerLink]="['/somepath', {queryParams: {prop: 'xxx'}}]>Somewhere</a>

161 angular  angular2-routing 

ฉันต้องการสร้างส่วนขยายสำหรับส่วนประกอบบางส่วนที่ปรับใช้แล้วใน Angular 2 โดยไม่ต้องเขียนใหม่เกือบทั้งหมดเนื่องจากองค์ประกอบพื้นฐานสามารถรับการเปลี่ยนแปลงได้และหวังว่าการเปลี่ยนแปลงเหล่านี้จะสะท้อนให้เห็นในองค์ประกอบที่ได้รับด้วย ฉันสร้างตัวอย่างง่าย ๆ นี้เพื่อพยายามอธิบายคำถามของฉันให้ดีขึ้น: ด้วยองค์ประกอบฐานต่อไปนี้app/base-panel.component.ts: import {Component, Input} from 'angular2/core'; @Component({ selector: 'base-panel', template: '<div class="panel" [style.background-color]="color" (click)="onClick($event)">{{content}}</div>', styles: [` .panel{ padding: 50px; } `] }) export class BasePanelComponent { @Input() content: string; color: string = "red"; onClick(event){ console.log("Click color: " + this.color); } } คุณต้องการสร้างองค์ประกอบอนุพันธ์อื่นเพียงแก้ไขตัวอย่างเช่นพฤติกรรมองค์ประกอบพื้นฐานในกรณีของสีตัวอย่างapp/my-panel.component.ts: import …

160 angular  typescript  inheritance  angular-directive 

ใน AngularJS ฉันสามารถลบล้างโมเดลโดยใช้ตัวเลือก ng-model ng-model-options="{ debounce: 1000 }" ฉันจะลบล้างโมเดลใน Angular ได้อย่างไร ฉันพยายามค้นหา debounce ในเอกสาร แต่ไม่พบอะไรเลย https://angular.io/search/#stq=debounce&stp=1 ทางออกคือการเขียนฟังก์ชั่น debounce ของตัวเองเช่น: import {Component, Template, bootstrap} from 'angular2/angular2'; // Annotation section @Component({ selector: 'my-app' }) @Template({ url: 'app.html' }) // Component controller class MyAppComponent { constructor() { this.firstName = 'Name'; } changed($event, el){ …

160 javascript  angular 

ฉันได้รับข้อผิดพลาดนี้ ข้อผิดพลาดใน Angular Compiler ต้องการ TypeScript> = 3.1.1 และ <3.2.0 แต่พบ 3.2.1 แทน ดูเหมือนว่า typescript ที่อัปเดตแล้ว แต่ Angular Compiler ไม่ชอบสิ่งนั้น ฉันจะแก้ไขสิ่งนี้ได้อย่างไร

159 angular  typescript  npm  angular-cli 

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน4 ปีที่แล้ว ปรับปรุงคำถามนี้ หลายเดือนก่อนฉันตัดสินใจเรียนเชิงมุม เมื่อฉันทำการล่วงหน้าและสร้างแอพที่ใช้มันฉันรู้ว่า Angular 2 อยู่ในหน้าตัวอย่างของนักพัฒนาดังนั้นจึงเป็นเรื่องของเวลาก่อนที่จะเปิดตัว เนื่องจาก Angular 2 จะไม่เข้ากันได้กับ Angular 1 และมีการเปลี่ยนแปลงมากมายคำถามคือจะดีกว่าหรือไม่ที่จะพัฒนาต่อไปด้วย Angular 1.x หรือเริ่มพัฒนา Angular 2 มันเป็นความจริงที่ว่าเราไม่จำเป็นต้องใช้เวอร์ชั่นล่าสุดหรือภาษาใหม่ล่าสุดในตลาดเสมอไป แต่ในกรณีนี้แอพยังมีขนาดเล็กดังนั้นฉันสามารถเปลี่ยนแปลงได้โดยไม่มีปัญหา

159 angularjs  angular 

เมื่อเรียกใช้คำสั่งเทอร์มินัลng serverหรือng serve --live-reload=trueฉันพบปัญหานี้: คำสั่งให้บริการจะต้องมีการเรียกใช้ในโครงการเชิงมุม แต่ไม่พบคำนิยามของโครงการ

158 angular  angular5  angular-cli 

typescript enum ดูเหมือนว่าจะเป็นไปตามธรรมชาติกับคำสั่ง ngSwitch ของ Angular2 แต่เมื่อฉันพยายามใช้ enum ในแม่แบบขององค์ประกอบฉันได้รับ "ไม่สามารถอ่านคุณสมบัติ 'xxx' ของไม่ได้กำหนดใน ... " ฉันจะใช้ค่า enum ในแม่แบบองค์ประกอบของฉันได้อย่างไร โปรดทราบว่าสิ่งนี้แตกต่างจากวิธีการสร้างตัวเลือกการเลือก html ตามค่าทั้งหมดของ enum (ngFor) คำถามนี้เกี่ยวกับ ngSwitch ตามค่าเฉพาะของ enum แม้ว่าวิธีการเดียวกันในการสร้างการอ้างอิงภายในคลาสถึง enum จะปรากฏขึ้น

158 typescript  angular 

ฉันได้อ่านเกี่ยวกับ Angular2 Forms API ใหม่และดูเหมือนว่ามีสองวิธีในแบบฟอร์มหนึ่งคือแบบฟอร์มที่ขับเคลื่อนด้วยเทมเพลตอื่น ๆ เป็นแบบโต้ตอบหรือแบบที่ขับเคลื่อนด้วยแบบจำลอง ฉันต้องการทราบความแตกต่างในทางปฏิบัติระหว่างทั้งสองไม่ใช่ความแตกต่างในไวยากรณ์ (ชัด) แต่ใช้จริงและวิธีการที่เป็นประโยชน์มากขึ้นในสถานการณ์ที่แตกต่างกัน นอกจากนี้ยังมีการเพิ่มประสิทธิภาพการทำงานในการเลือกหนึ่งมากกว่าอีก และถ้าใช่ทำไม

157 angular  angular2-forms 

ng serve ให้บริการโครงการเชิงมุมผ่านเซิร์ฟเวอร์การพัฒนา npm startเรียกใช้คำสั่งโดยพลการที่ระบุในคุณสมบัติ "เริ่มต้น" ของแพ็คเกจ "วัตถุ" สคริปต์ หากไม่ได้ระบุคุณสมบัติ "เริ่มต้น" ไว้ในวัตถุ "สคริปต์" จะเรียกใช้ node server.js ดูเหมือนว่าจะng serveเริ่มเซิร์ฟเวอร์ที่ฝังตัวในขณะที่npm startเริ่มเซิร์ฟเวอร์ Node ใครบางคนสามารถโยนแสงบนมันได้หรือไม่

157 angular  angular-cli 

เมื่อสร้างโครงการเชิงมุม 7 ของฉันด้วย --prod ฉันมีคำเตือนในเรื่องงบประมาณ ฉันมีโครงการเชิงมุม 7 ฉันต้องการสร้างมัน แต่ฉันมีคำเตือน: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB นี่คือรายละเอียดชิ้นส่วน: chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 kB [rendered] chunk {0} runtime.ec2944dd8b20ec099bf3.js (runtime) 1.41 kB [entry] [rendered] chunk {1} main.13d1eb792af7c2f359ed.js (main) 3.34 MB [initial] [rendered] chunk {2} …

157 angular  build  production  ng-build 

รหัสตัวพิมพ์: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]> { return of(HEROES); } } ข้อมูลข้อผิดพลาด: …

156 angular  typescript  rxjs  angular6  rxjs6