# ngx-dynamic-outlet

> An implementation of dynamic template wrapper at Angular > 5.1.0. AoT mode support.

Latest version **0.3.0** (published 2018-02-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install ngx-dynamic-outlet
pnpm add ngx-dynamic-outlet
yarn add ngx-dynamic-outlet
bun add ngx-dynamic-outlet
```

## 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.3.0 |
| Published | 2018-02-27 |
| First published | 2018-02-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 19.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Jackclarify |
| Maintainers | jackfreshman |
| Keywords | angular |

## Links

- npm: https://www.npmjs.com/package/ngx-dynamic-outlet
- Repository: https://github.com/fresherchen/ngx-dynamic-outlet
- Homepage: https://github.com/fresherchen/ngx-dynamic-outlet#readme
- Issues: https://github.com/fresherchen/ngx-dynamic-outlet/issues
- npm.io page: https://npm.io/package/ngx-dynamic-outlet

## Recent versions

- 0.3.0 (latest) — 2018-02-27
- 0.2.9 — 2018-02-27
- 0.2.8 — 2018-02-27
- 0.2.7 — 2018-02-11
- 0.2.6 — 2018-02-11
- 0.2.5 — 2018-02-09
- 0.2.4 — 2018-02-09
- 0.2.3 — 2018-02-09
- 0.2.2 — 2018-02-08
- 0.2.1 — 2018-02-08
- 0.2.0 — 2018-02-08
- 0.1.9 — 2018-02-08
- 0.1.8 — 2018-02-08
- 0.1.7 — 2018-02-08
- 0.1.6 — 2018-02-08
- … 6 more at https://npm.io/package/ngx-dynamic-outlet/versions

## README

# ngx-dynamic-outlet

An implementation of dynamic template wrapper at Angular > 5.1.0. AoT mode support, but the parameter --build-optimizer should be false in prod (since the decorators will be remove if --build-optimizer=true).

## Installation

To install this library, run:

```bash
$ npm install ngx-dynamic-outlet --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install ngx-dynamic-outlet
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { NgxDynamicOutletModule } from 'ngx-dynamic-outlet';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    NgxDynamicOutletModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<html-outlet [html]="content" [context]="context" ></html-outlet>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Jackclarify](mailto:jack.chen@clarifyhealth.com)

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