ngx-hm-carousel | a light carousel for Angular9 , support mobile touch | Carousel library

by ZouYouShun TypeScript Version: 3.0.0-beta.1 License: MIT

X-Ray Key Features Code Snippets Community Discussions(2)Vulnerabilities Install Support

kandi X-RAY | ngx-hm-carousel Summary

ngx-hm-carousel is a TypeScript library typically used in User Interface, Carousel, Angular applications. ngx-hm-carousel has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

An Carousel that eazy to use with your custom template. This package is design by angular and hammerjs, if you use @angular/material, I strongly recommend you use this package. Depend on Hammerjs and resize-observer-polyfill. Support Angular 6+ and Rxjs6+.

Support

Quality

Security

License

Reuse

Support

ngx-hm-carousel has a low active ecosystem.

It has 57 star(s) with 11 fork(s). There are 5 watchers for this library.

It had no major release in the last 12 months.

There are 5 open issues and 22 have been closed. On average issues are closed in 14 days. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of ngx-hm-carousel is 3.0.0-beta.1

Quality

ngx-hm-carousel has 0 bugs and 0 code smells.

Security

ngx-hm-carousel has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

ngx-hm-carousel code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

ngx-hm-carousel is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

ngx-hm-carousel releases are not available. You will need to build from source code and install.

Installation instructions, examples and code snippets are available.

It has 92 lines of code, 0 functions and 11 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ngx-hm-carousel

Get all kandi verified functions for this library.

ngx-hm-carousel Key Features

No Key Features are available at this moment for ngx-hm-carousel.

ngx-hm-carousel Examples and Code Snippets

No Code Snippets are available at this moment for ngx-hm-carousel.

Community Discussions

Trending Discussions on ngx-hm-carousel

Error using ngx-hm-carousel module when ng build --prod

How do I get the value in ng-template(Angular 6)?

QUESTION

Error using ngx-hm-carousel module when ng build --prod

Asked 2018-Aug-07 at 08:50

I am trying this example https://github.com/ZouYouShun/ngx-hm-carousel. It is working fine but when I run this command:

ng build --prod

I am getting this error:

ERROR in :

Unexpected value 'NgxHmCarouselModule in D:/angular-apps/CarouselApp/node_modules/ngx-hm-carousel/lib/ngx-hm-carousel.module.d.ts' imported by the module 'AppModule in D:/angular-apps/CarouselApp/src/app/app.module.ts'. Please add a @NgModule annotation.

Do u know what is missing?

Using:
Angular CLI: 6.0.8
Node: 8.11.2
OS: win32 x64

This is my app.module.ts

...

ANSWER

Answered 2018-Jun-15 at 19:03

In Angular we have 2 models of compilation

JIT - Just-in-Time Compilation : JIT compilation as the name implies, compiles the application Just-in-Time in the browser at runtime.
AoT - Ahead-of-Time Compilation : AoT compilation compiles the application at build time.

By default, with the development build i.e ng serve we get JIT compilation. This is how it works. The application code along with the angular compiler is downloaded by the browser. At runtime, when a request is issued to the application, the JIT-compiler in the browser compiles the application code before it is executed.

with the production build i.e ng build --prod we get AoT compilation the angular application is pre-compiled. So this means the browser loads executable code so it can render the application immediately, without waiting to compile the application first.
Basic overview of Just In Time (JIT) Vs Ahead Of Time (AOT) Compilation in Angular Applications

Unfortunately, The library you are using does not support AOT compilation

One workaround is to Tweak your angular.json file set "aot": false and "buildOptimizer": false

Source https://stackoverflow.com/questions/50879922

QUESTION

How do I get the value in ng-template(Angular 6)?

Asked 2018-Jul-23 at 18:30




    
        
        
    



    

    
        {{model2.progress}} //***undefined***

...

ANSWER

Answered 2018-Jul-23 at 18:30

I assume that you are activating carouselDot template from carouselProgress. Add another ng-content inside carouselProgress template and send the value of model2 as shown

Source https://stackoverflow.com/questions/51484335

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install ngx-hm-carousel

HammerJs
Import hammerjs in your main.ts or app.module.ts;
Import NgxHmCarouselModule into your main AppModule or the module where you want use.
Module
HTML
TS
SCSS
this project not contain any specile style, you can custom by yourself

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: