1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: WOW not defined

Chen Xiao pro asked 7 years ago

I setup a pro angular project and copy a template html from templates. I found my version's wow animation not working. So I add the codes to the index.html: <script> new WOW().init(); </script> but I get this error: Uncaught ReferenceError: WOW is not defined What I missed?

Chen Xiao pro answered 7 years ago

Resolved, my fault. I simply copy the template's html content to my angular project, not work. I test the components separately, it's ok. I think template's content need some work to use in my angular4 project. MDB guys, you did great work, proceed, please.

Diego Zacarias free answered 4 years ago

I'm using angular 9 and got this msg

core.js:6228 ERROR ReferenceError: WOW is not defined at NgwWowService.init (ngx-wow.js:125) at new AppComponent (app.component.ts:15) at NodeInjectorFactory.AppComponent_Factory [as factory] (app.component.ts:16) at getNodeInjectable (core.js:5993) at instantiateRootComponent (core.js:12819) at createRootComponent (core.js:26475) at ComponentFactory$1.create (core.js:34097) at ApplicationRef.bootstrap (core.js:43095) at core.js:42683 at Array.forEach ()

Arkadiusz Idzikowski staff commented 4 years ago

Do you use any WOW animations in your app or any external dependency responsible for animations?

fanny111 free commented 3 years ago

having the same issue . how do i setup wow for angulr mdb?

Arkadiusz Idzikowski staff commented 3 years ago

@fanny111 I already answered here: https://mdbootstrap.com/support/angular/wow-angular-animations/

Dawid Adach pro answered 7 years ago

In case you are facing similar issue please make sure that wow is loaded: 
<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>

<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.2.2/web-animations.min.js"></script>
And initialize:
<script>

    new WOW().init();

</script>

Chen Xiao pro commented 7 years ago

My fault, I use the template html directly. But angular pro has it's specific syntax, I changed to angular component, everything is ok. Thank you. Btw, template should have different version, I think.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Chen Xiao
Pro User 52Support score
7Questions 8Answers 0Snippets