Giter Site home page Giter Site logo

ali-hm / angular-tree-component Goto Github PK

View Code? Open in Web Editor NEW

This project forked from circlongroup/angular-tree-component

27.0 27.0 6.0 29.46 MB

A simple yet powerful tree component for Angular (>=14)

Home Page: https://angular2-tree.readme.io/docs

License: MIT License

JavaScript 6.99% TypeScript 70.08% CSS 3.49% HTML 13.72% SCSS 5.72%

angular-tree-component's Introduction

  • ๐Ÿ‘‹ Hi, Iโ€™m @ali-hm
  • ๐Ÿ‘€ Iโ€™m interested in Web and Mobile development

angular-tree-component's People

Contributors

achimha avatar adamkleingit avatar ali-hm avatar dependabot[bot] avatar erasethis avatar hugoj-goncalves avatar isaacplmann avatar isaklafleur avatar istiti avatar jamgh avatar joachim-bl avatar jskrzypek avatar kirilvandov avatar kristijanjovanovski avatar monkeywithacupcake avatar mtalis avatar mtraynham avatar nikolasleblanc avatar novkirishki avatar pandawi avatar petebacondarwin avatar phhbr avatar saar-codeoasis avatar samartioli avatar schmuli avatar shigi avatar sroucheray avatar stevengbrown avatar tobiasengelhardt avatar wuboy0307 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

angular-tree-component's Issues

the css file needs to be in the export section of the package.json

I see you copy the "css" file to the root: /css/angular-tree-component.css

also ng-packages also has it as an asset (i guess you can remove that line?) https://github.com/ali-hm/angular-tree-component/blob/master/projects/angular-tree-component/ng-package.json#L4

Because that for some reason does include it, but doesn't include it in the package.json exports list it seems that you really need todo that in the package.json of the project:

https://github.com/ng-packagr/ng-packagr/blob/main/docs/copy-assets.md

so on this line:
https://github.com/ali-hm/angular-tree-component/blob/master/projects/angular-tree-component/package.json#L47

we need:

"exports": { "./css/angular-tree-component.css": { "style": "./css/angular-tree-component.css" } }

so that it will compile because else if i include that lib and it try to import that css in my own:

@import '@ali-hm/angular-tree-component/css/angular-tree-component.css';

then i get:

Error: Package path ./css/angular-tree-component.css is not exported from package node_modules@ali-hm\angular-tree-component (see exports field in \node_modules@ali-hm\angular-tree-component\package.json)

ERROR TypeError: Cannot read properties of undefined (reading 'treeModel')

<tree-root
[nodes]="nestedSpaces"
(activate)="onActivate($event.node.data)"
(initialized)="setActiveWS()"
[options]="options"
>
OR
<Tree
[nodes]="nestedSpaces"
(activate)="onActivate($event.node.data)"
(initialized)="setActiveWS()"
[options]="options"
>

ERROR TypeError: Cannot read properties of undefined (reading 'treeModel')
at 963.js:1:138547
at u. (polyfills.js:23:32711)
at A.invokeTask (polyfills.js:23:9557)
at Object.onInvokeTask (main.js:23:324830)
at A.invokeTask (polyfills.js:23:9478)
at A.runTask (polyfills.js:23:4566)
at A.invokeTask (polyfills.js:23:10695)
at A.invoke (polyfills.js:23:10585)
at H.s.args. (polyfills.js:23:32409)

[Y] Yes (Assistance will be provided if you need help to submit a pull request)
[ ] No

Remove support of IE11

This would decrease the bundle size. The newer versions of angular do not support IE11 anyway.

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.