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

โค้ดส่วนนี้ this.afAuth.auth.signInWithPopup (ใหม่ auth.GoogleAuthProvider ()) กำลังสร้างคำเตือนนี้บน Chrome: คุกกี้ที่เกี่ยวข้องกับทรัพยากรที่http://google.com/ถูกกำหนดด้วยแต่ไม่มีSameSite=None Secureปล่อยอนาคตของ Chrome จะส่งคุกกี้ที่มีการร้องขอข้ามไซต์ถ้าพวกเขาถูกกำหนดด้วยและSameSite=NoneSecure

11 angular  firebase  google-chrome  firebase-authentication 

ฉันได้อัพเกรดจาก Ionic 4 เป็น Ionic 5 ตอนนี้ได้รับข้อผิดพลาดดังต่อไปนี้: ข้อผิดพลาดใน src / app / app.component.ts (4,10): ข้อผิดพลาด TS2305: โมดูล '"/ node_modules / @ ไอออนิก / แองกูลาร์ / อิออนเชิงมุม"' ไม่มีสมาชิกที่ส่งออก 'กิจกรรม' บรรทัดการนำเข้าต่อไปนี้เป็นสาเหตุของปัญหา: import { Events, Platform } from '@ionic/angular'; ฉันจะแก้ไขกิจกรรมสมาชิกจาก@ionic/angularข้อผิดพลาดใน Ionic 5 ได้อย่างไร

11 angular  ionic-framework  ionic5 

สัปดาห์ที่แล้วฉันตอบคำถาม RxJS ที่ฉันได้พูดคุยกับสมาชิกชุมชนคนอื่นเกี่ยวกับ: "ฉันควรสร้างการสมัครรับข้อมูลสำหรับผลข้างเคียงที่เฉพาะเจาะจงทุกอย่างหรือฉันควรพยายามลดการสมัครสมาชิกให้น้อยที่สุด?" ฉันต้องการทราบว่าจะใช้ methology ใดในแง่ของวิธีการแอปพลิเคชั่นที่มีปฏิกิริยาเต็มรูปแบบหรือเมื่อใดที่จะเปลี่ยนจากที่หนึ่งไปยังอีกที่หนึ่ง สิ่งนี้จะช่วยฉันและคนอื่น ๆ ในการหลีกเลี่ยงการอภิปรายที่ไม่จำเป็น ข้อมูลการตั้งค่า ตัวอย่างทั้งหมดอยู่ใน TypeScript เพื่อมุ่งเน้นคำถามที่ดีกว่าไม่มีการใช้วงจรชีวิต / ตัวสร้างสำหรับการสมัครสมาชิกและเพื่อให้อยู่ในกรอบที่ไม่เกี่ยวข้อง ลองนึกภาพ: การสมัครสมาชิกถูกเพิ่มใน constructor / lifecycle init ลองนึกภาพ: การยกเลิกการสมัครสมาชิกทำในช่วงเวลาทำลายล้าง ผลข้างเคียงคืออะไร (ตัวอย่างเชิงมุม) อัปเดต / อินพุตใน UI (เช่นvalue$ | async) เอาท์พุท / ต้นน้ำขององค์ประกอบ (เช่น@Output event = event$) การโต้ตอบระหว่างบริการต่าง ๆ ในลำดับชั้นที่แตกต่างกัน ตัวอย่างที่เป็นประโยชน์: สองฟังก์ชั่น: foo: () => void; bar: …

10 javascript  angular  typescript  rxjs  reactive-programming 

นี่คือรูปแบบอาร์เรย์ JSON แรกของฉัน: this.columnNames = [ {field : "Name"}, {field : "Address"}, {field : "Age"} ]; นี่คือรูปแบบอาร์เรย์ JSON แรกของฉัน: this.rowData = [ {Name : "Praveen",Address : "aiff",Age : "12",w : "1",e : "8"}, {Name : "Akashay",Address : "xvn",Age : "15",w : "2",e : "7"}, {Name : "Bala",Address : "hjk",Age : …

10 arrays  angular  comparison 

ฉันมีโครงการสองแองกูลาร์ที่ใช้เวอร์ชันเหล่านี้: 9.0.0-next.6 8.1.0 ในรุ่น 9 ฉันใช้สิ่งนี้เพื่อจัดเตรียมและฉีดwindowobhject: @NgModule({ providers: [ { provide: Window, useValue: window }, ] }) export class TestComponent implements OnInit { constructor(@Inject(Window) private window: Window) } ซึ่งใช้งานได้ดี การใช้วิธีนี้กับเวอร์ชัน 8 มีการเตือนและข้อผิดพลาดระหว่างการรวบรวม: คำเตือน: ไม่สามารถแก้ไขพารามิเตอร์ทั้งหมดสำหรับ TestComponent ... ฉันแก้ไขมันโดยใช้เครื่องหมายคำพูดเดี่ยวเช่นนี้: @NgModule({ providers: [ { provide: 'Window', useValue: window }, ] }) export class …

10 javascript  angular  typescript  dependency-injection  angular8 

Uncaught TypeError: t.rgb ไม่ใช่ฟังก์ชั่น ฉันสร้างแอปพลิเคชันเชิงมุมสร้างขึ้นและพยายามให้บริการ $ ng serve --prod --aot ซึ่งส่งผลให้เกิดข้อผิดพลาดต่อไปนี้ในคอนโซล Uncaught TypeError: t.rgb is not a function at HO (color.js.pre-build-optimizer.js:227) at GO (color.js.pre-build-optimizer.js:232) at rgb.js.pre-build-optimizer.js:36 at RH (ramp.js.pre-build-optimizer.js:4) at Module.zUnb (BrBG.js.pre-build-optimizer.js:16) at f (bootstrap:78) at Object.0 (index.js.pre-build-optimizer.js:26) at f (bootstrap:78) at t (bootstrap:45) at Array.r [as push] (bootstrap:32) แอปพลิเคชันไม่แสดง …

10 javascript  angular  d3.js 

ฉันกำลังพยายามเพิ่มความยืดหยุ่นให้กับแอพเชิงมุม แต่เมื่อฉันทำและลองใช้มันแอพจะหยุดพัก ฉันติดตั้งแล้ว npm i @angular/flex-layout @angular/cdk จากนั้นนำเข้าใน app.module.ts import { FlexLayoutModule } from '@angular/flex-layout'; import [ FlexLayoutModule ] ฉันได้อัปเกรด typescript เป็นรุ่นล่าสุดแล้ว npm i typescript@latest แต่เมื่อแอพพยายามรวบรวมฉันได้รับข้อผิดพลาดทุกชนิด: ERROR in node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:24:19 - error TS1086: An accessor cannot be declared in an ambient context. 24 protected get parentElement(): HTMLElement | null; ~~~~~~~~~~~~~ node_modules/@angular/flex-layout/core/typings/base/base2.d.ts:26:19 …

10 angular  angular-flex-layout 

ฉันได้รับคำเตือนแปลก ๆ ใน VSCode (1.44.0-insider) กับ Angular9 ในการสร้างองค์ประกอบเชิงมุม: export class AppModule { constructor(private injector: Injector) { const helloElement = createCustomElement(HelloComponent, {injector}); customElements.define('my-hello', helloElement); } ngDoBootstrap() {} } ประเภทของhelloElementไม่ได้รับการยอมรับพร้อมกับข้อความแสดงข้อผิดพลาดจาก typescript: อาร์กิวเมนต์ประเภท 'NgElementConstructor' ไม่สามารถกำหนดให้กับพารามิเตอร์ประเภท 'CustomElementConstructor'

10 angular  visual-studio-code  angular-elements 

ตั้งแต่ Angular 9 เราสามารถใช้ $localize`Hello ${name}:name:` สำหรับ i18n ในรหัส typescript สิ่งนี้ยังคงมีข้อ จำกัด บางประการเนื่องจากng xi18nคำสั่งตรวจไม่พบสตริง แต่หากข้อความเหล่านี้ถูกเพิ่มเข้าไปในไฟล์การแปลด้วยตนเอง $localizeฟังก์ชั่นเป็นเอกสารที่ค่อนข้างดีในJSDoc ในแหล่งที่มาแต่ก็ไม่ได้อธิบายวิธีการทำงานกับพหูพจน์ สิ่งที่ฉันหมายถึงคือสิ่งนี้ (รหัสเทียม): $localize`Hello {${count}, plural, =1 {reader} other {readers}}` เป็นไปได้ด้วย$localizeหรือไม่ ถ้าใช่: อย่างไร ถ้าไม่: Angular รวบรวมนิพจน์ดังกล่าวจาก HTML เป็น TypeScript ได้อย่างไร

10 angular  angular-i18n 

ฉันกำลังสร้าง datatable ที่สามารถใช้ซ้ำได้โดยใช้ ngx-datatable และฉันต้องการให้ส่วนประกอบแบบไดนามิกแสดงผลภายในรายละเอียดแถว องค์ประกอบ DataTable ได้รับชั้นองค์ประกอบเป็นอาร์กิวเมนต์จากโมดูลหลักและฉันใช้ ComponentFactory เพื่อ createComponent ฉันเห็นว่าตัวสร้างและเมธอด onInit กำลังรันสำหรับคอมโพเนนต์แบบไดนามิก แต่ไม่ได้ถูกแนบกับ DOM นี่คือสิ่งที่ HTML DataTable ดูเหมือนว่าสำหรับรายละเอียดแถว: <!-- [Row Detail Template] --> <ngx-datatable-row-detail rowHeight="100" #myDetailRow (toggle)="onDetailToggle($event)"> <ng-template let-row="row" #dynamicPlaceholder let-expanded="expanded" ngx-datatable-row-detail-template> </ng-template> </ngx-datatable-row-detail> <!-- [/Row Detail Template] --> และนี่คือลักษณะของไฟล์. ts ของฉัน: @ViewChild('myDetailRow', {static: true, read: ViewContainerRef}) myDetailRow: …

9 angular  ngx-datatable 

ฉันต้องการบังคับให้ผู้พัฒนาในแอปพลิเคชันของฉันใช้[]แทน{{}}ในแอตทริบิวต์ขององค์ประกอบ เช่นรหัสนี้ควรทำให้เกิดข้อผิดพลาด (ในเวลาสร้าง / ให้บริการ / ผ้าสำลี): <mycomponent id="{{i}}"> รหัสปัจจุบันคือ <mycomponent [id]="i"> ฉันจะทำอย่างไร

9 angular 

โครงการของฉันมีช่องโหว่ความรุนแรงสูง 6 ช่องทางและฉันไม่รู้ว่าจะแก้ไขได้อย่างไร การแก้ไขการตรวจสอบ npm ล้มเหลว โปรดช่วยฉันแก้ไขด้วย ฉันกำลังติดตั้งhttps://www.npmjs.com/package/toastrในโครงการของฉันและหลังจากที่ได้ทำการติดตั้งช่องโหว่ดังกล่าวแล้ว ฉันไม่รู้จะมีการเชื่อมต่อใด ๆ === รายงานความปลอดภัยการตรวจสอบ npm === Manual Review Some vulnerabilities require your attention to resolve Visit https://go.npm.me/audit-guide for additional guidance High Machine-In-The-Middle Package https-proxy-agent Patched in >=3.0.0 Dependency of @angular/cli [dev] Path @angular/cli > @schematics/update > pacote > make-fetch-happen > https-proxy-agent More …

9 angular  npm 

ฉันมีองค์ประกอบที่ "ขี้เกียจโหลด" ความคิดเห็นบางอย่างในช่วงเวลา 100ms เมื่อฉันใช้ setTimeout มันล้าหลังจริงๆ ส่วนประกอบ <div *ngFor="let post of posts"> <app-post [post]="post" ></app-post> </div> สิ่งนี้ทำให้แอปพลิเคชันของฉันล้าหลัง (avg fps 14, เวลาว่าง 51100ms): while(this.postService.hasPosts()){ setTimeout(()=> { this.posts.push(this.postService.next(10)); },100); } ทำให้แอปพลิเคชันของฉันราบรื่น (เฉลี่ย 35 fps, เวลาว่าง 40800ms) while(this.postService.hasPosts()){ timer(100).subscribe(()=> { this.posts.push(this.postService.next(10)); }); } มีคำอธิบายใด ๆ ทำไมตัวจับเวลา rxjs ถึงใช้งานได้ดีกว่ามาก? ฉันทำการวิเคราะห์ runtime ด้วย firefox …

9 javascript  angular  typescript  rxjs 

ข้อผิดพลาดใน node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม 191 ชุด ngbPanelToggle (แผง: NgbPanel); ~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม 28 ชุดโฟกัส (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม 14 คนพิการ (): บูลีน; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม 15 ชุดปิดการใช้งาน (isDisabled: boolean); …

9 angular  bootstrap-4  ng-bootstrap