zurfyx / angular-contents Goto Github PK
View Code? Open in Web Editor NEWAngular 5 Table of Contents that follows you while you scroll down
Home Page: https://zurfyx.github.io/angular-contents
License: MIT License
Angular 5 Table of Contents that follows you while you scroll down
Home Page: https://zurfyx.github.io/angular-contents
License: MIT License
hi,
I am getting the following error: node_modules/angular-contents/src/index.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. The missing file seems to be part of a third party library. TS files in published libraries are often a sign of a badly packaged library. Please open an issue in the library repository to alert its author and ask them to package the library using the Angular Package Format (https://goo.gl/jB3GVv).
this is my package.json
:
"dependencies": {
"@angular/animations": "~7.2.12",
"@angular/common": "~7.2.12",
"@angular/compiler": "~7.2.12",
"@angular/core": "~7.2.12",
"@angular/forms": "~7.2.12",
"@angular/platform-browser": "~7.2.12",
"@angular/platform-browser-dynamic": "~7.2.12",
"@angular/router": "~7.2.12",
"angular-contents": "^7.0.0",
"core-js": "^2.6.5",
"ngx-page-scroll": "^6.0.0-beta.1",
"ngx-page-scroll-core": "^6.0.0-beta.1",
"rxjs": "^6.4.0",
"tslib": "^1.9.3",
"zone.js": "~0.8.29"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.13.8",
"@angular/cli": "~7.3.8",
"@angular/compiler-cli": "^7.2.12",
"@angular/language-service": "~7.2.12",
"@types/jasmine": "~3.3.12",
"@types/jasminewd2": "~2.0.6",
"@types/node": "~11.13.0",
"codelyzer": "~5.0.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.0.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.5",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "~5.4.2",
"rxjs-compat": "^6.4.0",
"ts-node": "~8.0.3",
"tslint": "~5.15.0",
"typescript": "^3.2.4"
}
npm WARN [email protected] requires a peer of @angular/common@^7.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^7.0.0 but none is installed. You must install peer dependencies yourself.
Hi all,
I've tried to use this on a angular 4.4 project, I get no errors but the table of contents is not updated while I'm scrolling.
I just took the example from https://github.com/zurfyx/angular-contents/blob/master/example/app/app.component.html, and on my app module I've imported import { ContentsModule } from 'angular-contents';
and added it to the imports array.
Anyone can help me please?
Thank you in advance.
Best regards,
Marcelo
I'm using Angular 7.2.9, after installing angular-contents 7.0.0
I try ng build
and get this error:
ERROR in node_modules/angular-contents/src/contents-link.directive.ts(10,10): error TS2305: Module '"../../rxjs/Subject"' has no exported member 'Subject'.
node_modules/angular-contents/src/contents-section.directive.ts(11,10): error TS2305: Module '"../../rxjs/Subject"' has no exported member 'Subject'.
node_modules/angular-contents/src/contents.directive.ts(2,10): error TS2305: Module '"../../rxjs/Observable"' has no exported member 'Observable'.
node_modules/angular-contents/src/contents.directive.ts(3,10): error TS2305: Module '"../../rxjs/Subject"' has no exported member 'Subject'.
node_modules/angular-contents/src/contents.directive.ts(4,10): error TS2305: Module '"../../rxjs/BehaviorSubject"' has no exported member 'BehaviorSubject'.
node_modules/rxjs/BehaviorSubject.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/BehaviorSubject'.
node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'.
node_modules/rxjs/Subject.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Subject'.
If I install rxjs-compat 6.3.3
(which I want to avoid) I get this error:
ERROR in ./node_modules/angular-contents/src/index.ts
Module build failed (from ./node_modules/@ngtools/webpack/src/index.js):
Error: /node_modules/angular-contents/src/index.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.
The missing file seems to be part of a third party library. TS files in published libraries are often a sign of a badly packaged library. Please open an issue in the library repository to alert its author and ask them to package the library using the Angular Package
Hello, I use your lib since now 1 year (very nice lib) and with the last version you posted on npm (7.0.0: 3 years ago) there were many conflits with new versions of Angular especially on your imports.
Therefore, I suggest you the a new updated code working with last versions of Angular (from 8 to 10). I tested the code and it's works without any conflits.
Thanks to post your new version on npm as soon as possible.
Please find attached files updated.
src.tar.gz
Let me know if you have any questions.
Thanks a lot
Error: ./node_modules/angular-contents/src/contents-link.directive.ts
Module build failed (from ./node_modules/@ngtools/webpack/src/index.js):
Error: /Users/arc/Documents/web_Dev2/ex/ang-toc-npm/node_modules/angular-contents/src/contents-link.directive.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.
The missing file seems to be part of a third party library. TS files in published libraries are often a sign of a badly packaged library. Please open an issue in the library repository to alert its author and ask them to package the library using the Angular Package Format (https://goo.gl/jB3GVv).
Hi, just want to say you've done amazing work with this package. I was wondering if there is a workaround to let contentsLink target within a container that has overflow? It doesn't highlight the section when you scroll over it in a scrollable container.
If there isn't a workaround for it, would you later add the feature whenever you have time, that would be greatly appreciated. Similarly how ng2-page-scroll has a feature to target certain containers to scroll.
Thanks!
I have the following code:
<li *ngFor="let thing of things">
<a [href]="utilitiesService.convertEndpointToAnchorLink(thing.name)" contentsLink pageScroll>{{
thing.name
}}</a>
</li>
but it gives me the Expression has changed after it was checked
error - I have narrowed down the cause being the contentsLink
attribute. Implementing the following in my component took the error away, but I was wondering if there is a more proper way this could be handled?
constructor(private cd: ChangeDetectorRef) {}
ngAfterViewInit() {
this.cd.detectChanges();
}
I have been trying to ng update @angular/core
and getting these errors:
```
Package "angular-contents" has an incompatible peer dependency to "@angular/common" (requires "^5.0.0" (extended), would install "7.2.9").
Package "angular-contents" has an incompatible peer dependency to "@angular/core" (requires "^5.0.0" (extended), would install "7.2.9").
Package "angular-contents" has an incompatible peer dependency to "rxjs" (requires "^5.5.2", would install "6.4.0").
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.