search

creativetimofficial / material-kit

Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design
https://www.creative-tim.com/product/material-kit?ref=mk-creativetimofficial-github
MIT License
5.91k stars 1.37k forks source link

Dropdown issue in navbar #41

Closed andreimladin closed 6 years ago

andreimladin commented 8 years ago

I've just bought the bootstrap material pro kit and I have an issue trying to integrate it with angular2.

It doesn't work even if I added the arrive.js library.

And also I receive this in console when adding the nouislider.min.js:

nouislider.min.js:10 Uncaught TypeError: Cannot set property 'Link' of undefined(anonymous function) @ nouislider.min.js:10800 @ nouislider.min.js:10 webpack_require @ bootstrap eaef8bc…: 500 @ main.browser.ts:65__webpack_require__ @ bootstrap eaef8bc…: 50webpackJsonpCallback @ bootstrap eaef8bc…: 21(anonymous function) @ main.bundle.js:2

I would much appreciate you helping me to figure out the problem. Thanks

alexandru-paduraru commented 8 years ago

@andreimladin thank you for using our product. Is it possible to give us a link to your application? Then we will check on the live example what can be the issues and give you a solution because right now the error is not familiar to us.

Best, Alex

andreimladin commented 8 years ago

I didn't publish it yet. The issue was related to bootstrap. I don't understand why it didn't work when simply I just imported the scripts via webpack. I added the ng2-bootstrap as support and added the DROPDOWN_DIRECTIVES as directive in my component. This fixed the issue.

Maybe it would be very useful and more attractive for your clients if you would have some guidelines for integrating with other 3rd parties (like angular1&2, webpack, etc). I'm just saying, it's not a complain, your framework is great.

alexandru-paduraru commented 8 years ago

@andreimladin thank you for the information and for the suggestions. We will definitely migrate our products and make them compatible with Angular 1&2, React, Meteor, Wordpress etc. We started to migrate our Light Bootstrap Dashboard to Angular, so we are moving slowly to that area too.

alexandru-paduraru commented 7 years ago

@dbarrett24 we have 2 types of products. Simple HTML/CSS templates (like Material Dashboard PRO that you've got) and now we started to migrate them to Angular 2. Of course, it will work with Angular 1 if you add it to your project, you just need to create your own components because you've got the simple HTML dashboard.

We have a lot of users who integrate our products in Angular, that's why we started to release the Angular 2 Versions, to make their development process easier.

Let us know your progress.

Best, Alex