ngx-weather v1.0.0

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: