Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
N
Ng2 Bootstrap Modal
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Operations
Operations
Metrics
Analytics
Analytics
Repository
Value Stream
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Commits
Open sidebar
Globars Forks
Ng2 Bootstrap Modal
Commits
196362eb
Commit
196362eb
authored
Mar 06, 2017
by
avovchuk
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix readme
parent
28fe1835
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
8 additions
and
8 deletions
+8
-8
README.md
README.md
+8
-8
No files found.
README.md
View file @
196362eb
...
...
@@ -2,7 +2,7 @@
It is a library to make usage of bootstrap modal plugin easier in Angular2.
Create clear and reusable modal components.
It makes managing dialogs painless and
more clea
r.
It makes managing dialogs painless and
cleare
r.
Library does not use bootstrap js, only css.
...
...
@@ -17,7 +17,7 @@ npm install ng2-bootstrap-modal
See
[
Live Demo
](
https://plnkr.co/edit/MB6NnzfhicMyAiMJy6YM?p=preview
)
###Without bootstrap?
Yes, you can create your own
css
. Just write css for .modal and .modal-dialog classes.
Yes, you can create your own
CSS
. Just write css for .modal and .modal-dialog classes.
```
css
.modal
{
...
...
@@ -76,8 +76,8 @@ Yes, you can create your own css. Just write css for .modal and .modal-dialog cl
##Quickstart
### Step 1. add bootstrap
css
You can add bootstrap
css from cdn
### Step 1. add bootstrap
CSS
You can add bootstrap
CSS from CDN
```
html
<!-- Bootstrap 3.x -->
<link
rel=
"stylesheet"
href=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity=
"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin=
"anonymous"
>
...
...
@@ -111,8 +111,8 @@ import { AppComponent } from './app.component';
})
export
class
AppModule
{}
```
By default
dialogs
placeholder will be added to AppComponent.
But you can select custom placeholder (
for example
document body):
By default
, dialog
placeholder will be added to AppComponent.
But you can select custom placeholder (
i.e.
document body):
```
typescript
imports
:
[
...
...
...
@@ -121,7 +121,7 @@ imports: [
```
###Step 2. Create your modal dialog component
###Step 2. Create your modal dialog component
Your modal dialog is expected to be extended from
**DialogComponent**
.
**DialogService**
is generic class with two arguments:
1) input dialog data type (data to initialize component);
...
...
@@ -171,7 +171,7 @@ export class ConfirmComponent extends DialogComponent<ConfirmModel, boolean> imp
```
###Step 3. Register created component to module
Add component to
**declarations**
and
**entryComponents**
section
becaus
e component
Add component to
**declarations**
and
**entryComponents**
section
, because th
e component
will be created dynamically.
app.module.ts:
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment