Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/osahner/ngx-i18n-country-select
Angular Bootstrap i18n country select widget.
https://github.com/osahner/ngx-i18n-country-select
angular bootstrap i18n select widget
Last synced: 18 days ago
JSON representation
Angular Bootstrap i18n country select widget.
- Host: GitHub
- URL: https://github.com/osahner/ngx-i18n-country-select
- Owner: osahner
- License: mit
- Created: 2017-05-08T17:07:10.000Z (over 7 years ago)
- Default Branch: main
- Last Pushed: 2023-11-27T13:00:41.000Z (12 months ago)
- Last Synced: 2024-04-14T10:54:51.814Z (7 months ago)
- Topics: angular, bootstrap, i18n, select, widget
- Language: TypeScript
- Homepage: https://stackblitz.com/edit/angular-ddknoz
- Size: 2.81 MB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ngx-i18n-country-select
> Angular wrapper for [i18n-iso-countries](https://github.com/michaelwittig/node-i18n-iso-countries).
[](https://app.travis-ci.com/osahner/ngx-i18n-country-select)
[](https://badge.fury.io/js/ngx-i18n-country-select)
[](https://codecov.io/gh/osahner/ngx-i18n-country-select)
## Major Todos: Fix testcases & documentation
## Installation
```sh
npm install i18n-iso-countries --save
npm install ngx-i18n-country-select --save
```
## Integration
```ts
// app.module.ts
import { NgModule, LOCALE_ID, APP_INITIALIZER } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { I18nCountrySelectModule, I18nCountrySelectService } from 'ngx-i18n-country-select';
export function setUpI18nCountrySelect(service: I18nCountrySelectService) {
return () => service.use(['de', 'en']);
}
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, I18nCountrySelectModule.forRoot()],
providers: [
{ provide: LOCALE_ID, useValue: 'de-DE' },
I18nCountrySelectService,
{
provide: APP_INITIALIZER,
useFactory: setUpI18nCountrySelect,
deps: [I18nCountrySelectService],
multi: true
}
],
bootstrap: [AppComponent]
})
export class AppModule {}
```
```ts
// app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
item = {
isocode: 'de'
};
}
```
```html
```
## Documentation
> Demo on [stackblitz](https://stackblitz.com/edit/angular-ddknoz?embed=1&file=src/app/app.component.html)
| attribute | type | description |
| ----------------- | --------- | ---------------------------------------------------------------------------------------------------------------- |
| **iso3166Alpha2** | _Object_ | model as [ISO 3166-1 Alpha2](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements) |
| **size** | _string_ | `'sm'`, `'lg'`. default: nothing. |
| **pleaseChoose** | _string_ | default option label. default: `'Please choose...'`. |
| **mandatory** | _boolean_ | make select required. default: `false` |
| **editable** | _boolean_ | enable or disable select. default: `true` |
## Release History
- v2.2.6
- angular v15, still missing documentation & tests
- v2.2.2
- [renamed default branch to main](#rename-local-master-branch-to-main)
- v2.2.1
- update @angular/cli, @angular/core to v13. i18n-iso-countries to v7
- v2.1.0
- update @angular/cli, @angular/core to v8. i18n-iso-countries to v4
- v2.0.2
- add new option `mandatory` to set required attribute
- v2.0.0
- switchted to @angular/cli and ng-packagr, requires @angular/core v7 and i18n-iso-countries v3.7
#### Rename local master branch to main
```shell
git branch -m master main
git fetch origin
git branch -u origin/main main
```
## LICENCE
MIT © [Oliver Sahner](mailto:[email protected])