# oi-angular-select

> Angular wrapper for [base-select](https://github.com/tamtakoe/base-select/tree/master)

Latest version **0.0.26** (published 2024-07-08) · 0 weekly downloads

## Install

```sh
npm install oi-angular-select
pnpm add oi-angular-select
yarn add oi-angular-select
bun add oi-angular-select
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.26 |
| Published | 2024-07-08 |
| First published | 2019-06-05 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 108.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | tamtakoe |

## Links

- npm: https://www.npmjs.com/package/oi-angular-select
- Repository: https://github.com/tamtakoe/oi-angular-select
- Homepage: https://github.com/tamtakoe/oi-angular-select#readme
- Issues: https://github.com/tamtakoe/oi-angular-select/issues
- npm.io page: https://npm.io/package/oi-angular-select

## Dependencies (2)

- [tslib](https://npm.io/package/tslib.md) ^2.3.0
- [base-select](https://npm.io/package/base-select.md) ^0.0.8

## Recent versions

- 0.0.26 (latest) — 2024-07-08
- 0.0.25 — 2024-07-08
- 0.0.24 — 2024-07-08
- 0.0.23 — 2024-07-08
- 0.0.22 — 2024-07-08
- 0.0.21 — 2024-07-03
- 0.0.20 — 2024-07-01
- 0.0.19 — 2024-07-01
- 0.0.18 — 2024-07-01
- 0.0.17 — 2024-07-01
- 0.0.16 — 2024-07-01
- 0.0.15 — 2024-07-01
- 0.0.14 — 2024-07-01
- 0.0.13 — 2024-07-01
- 0.0.12 — 2024-07-01
- … 12 more at https://npm.io/package/oi-angular-select/versions

## README

# AngularSelect (WIP)
Angular wrapper for [base-select](https://github.com/tamtakoe/base-select/tree/master)

## Demo
https://tamtakoe.github.io/base-select

## Install
```sh
npm install oi-angular-select
```

## Using
```js
...
import { FormsModule } from '@angular/forms';
import { AngularSelectModule } from 'oi-angular-select';

@NgModule({
  ...
  imports: [
    ..., AngularSelectModule
  ],
...
```

Example
```html
<oi-angular-select [(ngModel)]="value"
             [models]="items"
             multiple
             size="sm"
             titlePlaceholder="Select..."
             trackField="value"
             searchField="name"></oi-angular-select>
```

```js
export class AppComponent {
  items = [
    { name: 'one', value: 1 },
    { name: 'two', value: 2 },
    { name: 'three', value: 3 },
    { name: 'four', value: 4 },
    { name: 'five', value: 5 },
    { name: 'six', value: 6 },
    { name: 'seven', value: 7 },
    { name: 'eight', value: 8 },
    { name: 'nine', value: 9 },
    { name: 'ten', value: 10 }
  ];

  value = [];
}
```

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Build

Run `ng build angular-select --configuration production` to build the project. The build artifacts will be stored in the `dist/angular-select` directory.

## Publishing

After building your library with `ng build angular-select --prod`, go to the dist folder `cd dist/angular-select` and run `npm publish`.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

---
_Source: https://npm.io/package/oi-angular-select · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._