GithubHelp home page GithubHelp logo

zurfyx / angular-contents Goto Github PK

View Code? Open in Web Editor NEW
40.0 4.0 9.0 1.11 MB

Angular 5 Table of Contents that follows you while you scroll down

Home Page: https://zurfyx.github.io/angular-contents

License: MIT License

TypeScript 28.14% HTML 63.20% CSS 6.06% JavaScript 2.60%
angular-contents contents table index scroll angular5

angular-contents's People

Contributors

zurfyx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

angular-contents's Issues

New version 8.0.0

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

ng build fails with rxjs and index.ts errors

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

'index.ts is missing from the typescript compilation' error

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"
  }

angular-contents error after <<npm i angular-contents>>

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).

*ngFor loop causes 'changed after it was checked' error

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();
  }

Angular 7 Compatibility?

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").

angular-contents not targeting a container with overflow

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!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.