什么是 angular-weather-widget
angular-weather-widget 是一个基于 Angular 框架开发的简单天气小部件，通过调用第三方天气 API 获取实时天气信息，并在前端展示出来。
安装
在开始使用 angular-weather-widget 前，你需要在你的项目中安装 angular-weather-widget。
通过 npm 安装：
npm install angular-weather-widget
使用
在你的 Angular 项目中使用 angular-weather-widget 很简单。
步骤1：在你的组件模板中添加以下 html 代码：
<app-weather-widget [city]="'北京'"></app-weather-widget>
步骤2：在你的组件代码中引入 WeatherWidgetModule：
-- -------------------- ---- -------
------ - ------------------- - ---- -------------------------
-----------
------------- ---------------
-------- -
--------------
-------------------
--
---------- --------------
--
------ ----- --------- - -步骤3：启动你的应用程序，并查看天气小部件在浏览器中的展示效果。
配置
默认情况下，angular-weather-widget 将会以“北京”作为天气查询城市。
你可以通过以下方式来配置 angular-weather-widget：
city
指定天气查询城市。例如：
<app-weather-widget [city]="'上海'"></app-weather-widget>
lang
指定查询返回数据的语言，支持多种语言，例如：
<app-weather-widget [city]="'北京'" [lang]="'en'"></app-weather-widget>
目前支持的语言有：中文（zh）、英文（en）、法语（fr）、德语（de）、意大利语（it）、西班牙语（es）、日语（ja）、韩语（ko）、俄语（ru）、葡萄牙语（pt）、阿拉伯语（ar）。
unit
指定查询返回数据的温度单位，支持摄氏度（metric）、华氏度（imperial）以及开尔文（kelvin），例如：
<app-weather-widget [city]="'北京'" [unit]="'imperial'"></app-weather-widget>
apikey
指定查询天气的 API KEY（暂不支持此功能）。
示例
以下是一个完整的示例代码，供你参考：
app.component.html
<app-weather-widget [city]="'北京'" [lang]="'zh'"></app-weather-widget>
app.module.ts
-- -------------------- ---- -------
------ - ------------------- - ---- -------------------------
-----------
------------- ---------------
-------- -
--------------
-------------------
--
---------- --------------
--
------ ----- --------- - -结语
angular-weather-widget 是一个轻量级、易用的 Angular 天气小部件，它可以帮助你快速实现天气展示功能。
在使用过程中，如果遇到任何问题，欢迎随时联系开发者。我们期待听到你的反馈，帮助我们不断改进！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e4981e8991b448dbbad