integration/app/app.component.ts
| selector | app-root |
| styleUrls | app.component.scss |
| templateUrl | ./app.component.html |
Properties |
| handleFilePondInit |
handleFilePondInit:
|
Default value : () => {
console.log('FilePond has initialised');
// FilePond instance methods are available on `this.myPond`
}
|
|
Defined in integration/app/app.component.ts:14
|
| myFiles |
myFiles:
|
Type : []
|
Default value : []
|
|
Defined in integration/app/app.component.ts:9
|
| myPond |
myPond:
|
Type : any
|
Decorators : ViewChild
|
|
Defined in integration/app/app.component.ts:12
|
import { Component, ViewChild } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
myFiles = [];
// Allows us to get a reference to the FilePond instance
@ViewChild('myPond') myPond: any;
handleFilePondInit = () => {
console.log('FilePond has initialised');
// FilePond instance methods are available on `this.myPond`
};
}
<div class="root">
<FilePond #myPond
name="my-name"
className="my-class"
labelIdle="Drop files here..."
allowMultiple="true"
acceptedFileTypes="image/jpeg, image/png"
server="/api"
[files]="myFiles"
(oninit)="handleFilePondInit()">
</FilePond>
</div>