ngx-weather

Overview

ngx-weather is an Angular library that provides a weather widget for displaying current weather conditions and forecasts in your Angular applications. It's designed to be highly customizable and easy to integrate into your projects.

[!IMPORTANT] This library provide an api key from weatherapi

Features

• Display current weather conditions (temperature, description, icon).
• Show weather forecasts for the upcoming days.
• Automatic geolocation detection or manual location setting.
• Units conversion (Celsius/Fahrenheit).

Supported Versions

Installation

You can install ngx-weather via npm or yarn. Make sure you have Angular installed in your project.

npm install ngx-weather
# or
yarn add ngx-weather

Usage

Import the Module

In your Angular module, import and add the NgxWeatherModule to the imports array.

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    //...
    NgxWeatherModule.forRoot({
      apiKey: '--Your weatherapi key--'
      }),
    //...
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Weather Widget Component

In your template, use the <ngx-weather> component to display the weather widget. You can configure it with various options.

<ngx-weather
  [options]="{location: 'Tunisia'}"
></ngx-weather>

Additional Options

Here are the available options you can use when configuring the NgxWeatherComponent:

Social Links: