mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
Update README.md
This commit is contained in:
@@ -24,15 +24,6 @@ Add the following dependency to your index.html:
|
|||||||
<script src="node_modules/alfresco-js-api/bundle.js"></script>
|
<script src="node_modules/alfresco-js-api/bundle.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
Also make sure you include these dependencies in your .html page:
|
|
||||||
|
|
||||||
```html
|
|
||||||
<!-- Google Material Design Lite -->
|
|
||||||
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
|
|
||||||
<script src="node_modules/material-design-lite/material.min.js"></script>
|
|
||||||
<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Style
|
#### Style
|
||||||
The style of this component is based on material design, so if you want to visualize it correctly you have to add the material
|
The style of this component is based on material design, so if you want to visualize it correctly you have to add the material
|
||||||
design dependency to your project:
|
design dependency to your project:
|
||||||
@@ -41,6 +32,15 @@ design dependency to your project:
|
|||||||
npm install --save material-design-icons material-design-lite
|
npm install --save material-design-icons material-design-lite
|
||||||
```
|
```
|
||||||
|
|
||||||
|
Also make sure you include the following in your .html page:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!-- Google Material Design Lite -->
|
||||||
|
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
|
||||||
|
<script src="node_modules/material-design-lite/material.min.js"></script>
|
||||||
|
<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">
|
||||||
|
```
|
||||||
|
|
||||||
## Basic usage
|
## Basic usage
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@@ -64,13 +64,13 @@ import {
|
|||||||
AlfrescoAuthenticationService,
|
AlfrescoAuthenticationService,
|
||||||
AlfrescoPipeTranslate,
|
AlfrescoPipeTranslate,
|
||||||
AlfrescoTranslationService
|
AlfrescoTranslationService
|
||||||
} from 'ng2-alfresco-core/dist/ng2-alfresco-core';
|
} from 'ng2-alfresco-core';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
DOCUMENT_LIST_DIRECTIVES,
|
DOCUMENT_LIST_DIRECTIVES,
|
||||||
DOCUMENT_LIST_PROVIDERS,
|
DOCUMENT_LIST_PROVIDERS,
|
||||||
DocumentActionsService
|
DocumentActionsService
|
||||||
} from 'ng2-alfresco-documentlist/dist/ng2-alfresco-documentlist';
|
} from 'ng2-alfresco-documentlist';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'alfresco-documentlist-demo',
|
selector: 'alfresco-documentlist-demo',
|
||||||
@@ -394,12 +394,12 @@ Enabling context menu is very simple:
|
|||||||
import {
|
import {
|
||||||
CONTEXT_MENU_DIRECTIVES,
|
CONTEXT_MENU_DIRECTIVES,
|
||||||
CONTEXT_MENU_PROVIDERS
|
CONTEXT_MENU_PROVIDERS
|
||||||
} from 'ng2-alfresco-core/dist/ng2-alfresco-core';
|
} from 'ng2-alfresco-core';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
DOCUMENT_LIST_DIRECTIVES,
|
DOCUMENT_LIST_DIRECTIVES,
|
||||||
DOCUMENT_LIST_PROVIDERS
|
DOCUMENT_LIST_PROVIDERS
|
||||||
} from 'ng2-alfresco-documentlist/dist/ng2-alfresco-documentlist';
|
} from 'ng2-alfresco-documentlist';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'my-view',
|
selector: 'my-view',
|
||||||
@@ -574,7 +574,7 @@ function each time upon being invoked.
|
|||||||
```ts
|
```ts
|
||||||
import {
|
import {
|
||||||
DocumentActionsService
|
DocumentActionsService
|
||||||
} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist';
|
} from 'ng2-alfresco-documentlist';
|
||||||
|
|
||||||
export class MyView {
|
export class MyView {
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user