javascript - Getting a window property in Angular 13 - Stack Overflow

admin管理员组

文章数量:1324856

Trying to do this in Angular 13:

private _stripe:StripeFactory = window['Stripe']

And it creates this error:

Element implicitly has an 'any' type because index expression is not of type 'number'

Any ideas on how to fix this?

I added:

"suppressImplicitAnyIndexErrors": true,

To tsconfig.json, but the linting errors still persist.

Trying to do this in Angular 13:

private _stripe:StripeFactory = window['Stripe']

And it creates this error:

Element implicitly has an 'any' type because index expression is not of type 'number'

Any ideas on how to fix this?

I added:

"suppressImplicitAnyIndexErrors": true,

To tsconfig.json, but the linting errors still persist.

• javascript
• angular
• typescript

Share Improve this question Follow edited Nov 30, 2021 at 3:31 Ole asked Nov 30, 2021 at 3:25 OleOle 47.3k7070 gold badges237237 silver badges443443 bronze badges 1

• 1 Try declare const Stripe; outside of your ponent class after the import tags and use Stripe in your code – Mehyar Sawas Commented Nov 30, 2021 at 6:55

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Instead of

"suppressImplicitAnyIndexErrors": true,

in tscongfig.json, it's remended to use an @ts-ignore ment on the preceding line in the .ts file:

// @ts-ignore
private _stripe:StripeFactory = window['Stripe']

But there is definitely a more 'Angular' way to do what you are trying to do, but I'm not quite sure what that is. Just extrapolating from the name of the type, I'd have a StripeFactory in the StripeService that calls a getStripe() method which has access to your Stripe configuration and key, using that to grab the global Stripe object. You'll have to load Stripe separately and inject the StripeService into the ponents that need it.

See this dev post for this Stripe specific solution in detail.

Or if you want to stick with window, you can add it to your provider array in the module:

providers: [
  { provide: Window, useValue: window }
]

Then you can inject it directly into your service:

constructor(private window: Window) {
  // ....do whatever you're gonna do
}

本文标签： javascriptGetting a window property in Angular 13Stack Overflow