@angular-material-extensions/dialogs
Version:
Set of prebuilt extended angular material dialogs as components | simple API and easy to use
117 lines (86 loc) • 4.05 kB
Markdown
<p align="center">
<img alt="angular-material-extensions's logo"
height="256px" width="256px" style="text-align: center;"
src="https://cdn.rawgit.com/angular-material-extensions/core/master/assets/angular-material-extensions-logo.svg">
</p>
# @angular-material-extensions/core - `MatDialogModule` contains a set of prebuilt extended angular material dialogs, simple API and easy to use.
## Table of Contents
- [Demo](#demo)
- [Dependencies](#dependencies)
- [Installation](#installation)
- [API](#api)
- [Usage](#usage)
- [Other Angular Libraries](#other-angular-libraries)
- [Support](#support)
- [License](#license)
## [Demo](https://angular-material-extensions.github.io/core/dialogs)
View all the directives in action at https://angular-material-extensions.github.io/core/dialogs
---
<a name="dependencies"/>
## Dependencies
* [Angular](https://angular.io) developed and tested with `7.x`
---
<a name="installation"/>
## Installation
Now install `@angular-material-extensions/core` via:
```shell
npm install --save @angular-material-extensions/core
```
## Import the library
Once installed you need to import the main module:
```js
import { MatDialogsModule } from '@angular-material-extensions/core';
```
The only remaining part is to list the imported module in your application module. The exact method will be slightly
different for the root (top-level) module for which you should end up with the code similar to (notice ` MatPasswordStrengthModule .forRoot()`):
```js
import { MatDialogsModule } from '@angular-material-extensions/core';
import { MatDialogModule } from '@angular/material';
@NgModule({
declarations: [AppComponent, ...],
imports: [
MatDialogsModule,
MatDialogModule,
...],
bootstrap: [AppComponent]
})
export class AppModule {
constructor(public dialog: MatDialog) {
}
}
```
---
##### SystemJS
>**Note**:If you are using `SystemJS`, you should adjust your configuration to point to the UMD bundle.
In your systemjs config file, `map` needs to tell the System loader where to look for `@angular-material-extensions/core`:
```js
map: {
'@angular-material-extensions/password-strength': 'node_modules/@angular-material-extensions/core/bundles/core.umd.js',
}
```
<a name="usage"/>
## Usage
## Other Angular Libraries
- [ngx-auth-firebaseui](https://github.com/AnthonyNahas/ngx-auth-firebaseui)
- [ngx-linkifyjs](https://github.com/AnthonyNahas/ngx-linkifyjs)
- [@firebaseui/ng-bootstrap](https://github.com/firebaseui/ng-bootstrap)
- [@angular-material-extensions/password-strength](https://github.com/angular-material-extensions/password-strength)
- [@angular-material-extensions/google-maps-autocomplete](https://github.com/angular-material-extensions/google-maps-autocomplete)
- [@angular-material-extensions/link-preview](https://github.com/angular-material-extensions/link-preview)
- [@angular-material-extensions/pages](https://github.com/angular-material-extensions/pages)
- [@angular-material-extensions/contacts](https://github.com/angular-material-extensions/contacts)
- [@angular-material-extensions/faq](https://github.com/angular-material-extensions/faq)
- [@angular-material-extensions/combination-generator](https://github.com/angular-material-extensions/combination-generator)
---
<a name="support"/>
## Support
+ Drop an email to: [Anthony Nahas](mailto:anthony.na@hotmail.de)
+ or open an appropriate [issue](https://github.com/angular-material-extensions/password-strength/issues)
+ let us chat on [Gitter](https://gitter.im/angular-material-extensions/Lobby)
Built by and for developers :heart: we will help you :punch:
---

This project is supported by [jetbrains](https://www.jetbrains.com/) with 1 ALL PRODUCTS PACK OS LICENSE incl. [webstorm](https://www.jetbrains.com/webstorm)
---
## License
Copyright (c) 2019 Anthony Nahas. Licensed under the MIT License (MIT)