dmitriiser / angular2-collapsible Goto Github PK
View Code? Open in Web Editor NEWAngular collapsible component styled with Materialize CSS.
Angular collapsible component styled with Materialize CSS.
There is an error with the import in CollapsibleTableRowComponent.
Instead of:
backgroundTransitionTimingFunction: import("@angular/platform-browser/src/security/dom_sanitization_service").SafeStyle;
It should be:
backgroundTransitionTimingFunction: import("@angular/platform-browser").SafeStyle;
Since this library haven't been updated for a year, a fork solving this issue is is abailable in:
https://github.com/biglelegal/angular2-collapsible
I would like to show right and down arrow while the item collapse and expand respectively. Is there any option or property to identify the status of each "collapsible-list-item"??.
If then we can use that for displaying appropriate icon inside the header.
Library not work with angular 6
I would like to remove the box-shadow, when I set the box-shadow to none. It first applies your baked in box-shadow and than applies my style where it removes it.
You have any way to completely remove box-shadow of collapsible-body?
When clicks on one row, the inner table will be shown automatically. Could you please instruct me whether there is a way to put a icon[ 'plus icon' ] at the beginning of each row, and it will turn to be [remove icon] when that specific row was clicked. Thank you very much
Is it possible to have a repeat on the collapsible table row and bind the detail for both the collapsible table row and collapsible table row detail?
You mentioned "parameter 'to' links a row with its detail" in your comments. Can you please provide a description on how to use it? I couldn't fin any related documentation and I'm having trouble linking "details" with for loop
I see table https://dmitriiser.github.io/angular2-collapsible-example/ is responsive, but when I used it, responsive is interrupted.
when using
Hi,
in the animation section, when a body is expanded, you set the css probery overflow to 'auto'.
Would it be possible to change that to inherit, so it can be styled using the parent element?
Thank you :)
After installing the package i'm getting the follwing errors in webpack:
After installing the package i'm getting the follwing errors in webpack:
EXEC : error in: Unexpected module 'CollapsibleModule in [PROJECT]/node_modules/angular2-collapsible/angular2-collapsible.d.ts' declared by the module 'AppModuleShared in [PROJECT]/ClientApp/app/app.shared.module.ts'. Please add a @Pipe/@Directive/@component annotation.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(20,47): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(40,5): error TS1128: Declaration or statement expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(41,5): error TS1128: Declaration or statement expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(42,5): error TS1128: Declaration or statement expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(43,19): error TS1005: ',' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(43,42): error TS1005: ',' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(43,76): error TS1005: ',' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(44,15): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(44,21): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(45,25): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(45,31): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(46,16): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(46,22): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(47,16): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(48,5): error TS1128: Declaration or statement expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(49,20): error TS1005: ',' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(49,33): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(49,39): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(50,18): error TS1005: ',' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(50,31): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(50,37): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(51,21): error TS1005: ',' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(51,34): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(51,40): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(52,21): error TS1005: ',' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(52,34): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(52,40): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(53,16): error TS1005: ',' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(53,29): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(53,35): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/collapsible-table-row/collapsible-table-row.component.d.ts(54,1): error TS1128: Declaration or statement expected.
node_modules/angular2-collapsible/lib/services/collapsible-event.service.d.ts(7,35): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/services/collapsible-event.service.d.ts(7,79): error TS1005: '(' expected.
node_modules/angular2-collapsible/lib/services/collapsible-event.service.d.ts(8,33): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/services/collapsible-event.service.d.ts(8,52): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/services/collapsible-event.service.d.ts(8,58): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/services/collapsible-event.service.d.ts(9,18): error TS1005: ';' expected.
node_modules/angular2-collapsible/lib/services/collapsible-event.service.d.ts(9,24): error TS1109: Expression expected.
node_modules/angular2-collapsible/lib/services/collapsible-event.service.d.ts(10,1): error TS1128: Declaration or statement expected.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.