Compatibility with Angular JS

Topic: Compatibility with Angular JS

sofvie free asked 4 weeks ago

Expected behavior When I add a component to my controller it should initialize and work as expected.

Actual behavior When inside a controller the items within the dropdown do not show up.

Resources (screenshots, code snippets etc.)

       <div class="dropdown">
        <button
          class="btn btn-primary dropdown-toggle"
          type="button"
          id="dropdownMenuButton"
          data-mdb-dropdown-init
          data-mdb-ripple-init
          aria-expanded="false"
        >
          Dropdown button
        </button>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
          <li><a class="dropdown-item" href="#">Action</a></li>
          <li><a class="dropdown-item" href="#">Another action</a></li>
          <li><a class="dropdown-item" href="#">Something else here</a></li>
        </ul>
      </div>

We have built out application with MDB with Bootstrap 4 and we recently purchased the latest version of MDB. We want to use the JS version of MDB in our application. Our app is built with Angular JS. If we put the dropdown in index.html it works just fine but when we add it in a controller HTML it does not work.

Add comment

MDBootstrap staff answered 4 weeks ago

1 0 Best answer

Dear Sofvie,

It appears that you are using the standard version of MDB, which is not fully compatible with AngularJS. To achieve the expected behavior and ensure that all components work seamlessly, you will need to use the MDB Angular version.

You have two options to resolve this:

<ol>
<li>Upgrade to MDB Angular at a Discount: As a valued subscriber, you can purchase the MDB Angular package with a 20% discount. If that is something that you would be interested in, please contact contact@mdbootstrap.com and there you will get your discount code.</li>
<li>License Change at No Cost: Alternatively, we can change your current license from MDB Standard to MDB Angular at no additional cost, but with that step, you will no longer have access to MDB Standard Features.</li>
</ol>

Please let us know which option you would prefer, and we will be happy to assist you further.

Thank you for using MDBootstrap, and we look forward to resolving this for you.

Best regards,
Rafał

Please insert min. 20 characters.

Dear Sofvie,

It appears that you are using the standard version of MDB, which is not fully compatible with AngularJS. To achieve the expected behavior and ensure that all components work seamlessly, you will need to use the MDB Angular version.

You have two options to resolve this:

Upgrade to MDB Angular at a Discount: As a valued subscriber, you can purchase the MDB Angular package with a 20% discount. If that is something that you would be interested in, please contact contact@mdbootstrap.com and there you will get your discount code.
License Change at No Cost: Alternatively, we can change your current license from MDB Standard to MDB Angular at no additional cost, but with that step, you will no longer have access to MDB Standard Features.

Please let us know which option you would prefer, and we will be happy to assist you further.

Thank you for using MDBootstrap, and we look forward to resolving this for you.

Best regards, Rafał

sofvie free commented 3 weeks ago

Thank you for the response. We would be okay with getting the Angular version of your framework but we need to make sure it works with the last version of Angular JS 1.8 not Angular 18. Can you provide installation instructions for your Angular solution? We can try it out.

I understand that your framework comes with a 30 day money-back guarantee which means we would only have a few days left to test and decide if we want to keep the new version of the MDB framework. Is it possible to extend the trial for a bit or if we cancel the order, can we still try to do the testing with a free version of your framework?

Thank you very much for your help!

Regards, Sofvie Team

Please insert min. 15 characters.

MDBootstrap staff commented 3 weeks ago

Dear Sofvie, Thank you for your response.We are glad to hear you are interested in switching to the MDB Angular version. To clarify, the MDB Angular version is designed to work with Angular (2+), but it doesn't support AngularJS (1.x). Therefore, it may not be compatible with AngularJS 1.8.Upon further review, it’s clear that AngularJS (1.x) is a different framework altogether, which was used prior to 2016. MDB Angular supports Angular versions starting from Angular 6, not AngularJS (1.8).Given this, our MDB Angular version will not be compatible with your current AngularJS setup. Since your project relies on AngularJS, transitioning to MDB Angular might not be viable. Regarding your query about the 30-day money-back guarantee, we understand the need for thorough testing. I have contacted my team, and we could give you another trial period for that reason. For detailed installation instructions on our Angular solution, you can refer to our official documentation at MDB Angular Installation Guide here: https://mdbootstrap.com/docs/angular/getting-started/installation/If you have any more questions or need further assistance, please let us know.Best regards, Rafał

Dear Sofvie,
Thank you for your response.We are glad to hear you are interested in switching to the MDB Angular version.
To clarify, the MDB Angular version is designed to work with Angular (2+), but it doesn't support AngularJS (1.x). Therefore, it may not be compatible with AngularJS 1.8.Upon further review, it’s clear that AngularJS (1.x) is a different framework altogether, which was used prior to 2016. MDB Angular supports Angular versions starting from Angular 6, not AngularJS (1.8).Given this, our MDB Angular version will not be compatible with your current AngularJS setup. Since your project relies on AngularJS, transitioning to MDB Angular might not be viable.
Regarding your query about the 30-day money-back guarantee, we understand the need for thorough testing. I have contacted my team, and we could give you another trial period for that reason.
For detailed installation instructions on our Angular solution, you can refer to our official documentation at MDB Angular Installation Guide here: <a href="https://mdbootstrap.com/docs/angular/getting-started/installation/" target="_blank">https://mdbootstrap.com/docs/angular/getting-started/installation/</a>If you have any more questions or need further assistance, please let us know.Best regards, Rafał

Please insert min. 15 characters.

sofvie free commented 3 weeks ago

Hi Rafał! We have decided to cancel the subscription so we can take advantage of the 30 day refund. We'll need time to evaluate our update process and once we have done that, we'll purchase the right package.

I will cancel the subscription through the portal but if there's anything else that we need to do on our end to get the refund, please let me know.

I really appreciate your help with the problem we reported. We were hoping that we can use your latest Standard JS framework so we can update from the MDB version we purchased about 5 years ago. We still don't understand why your framework doesn't work with Angular JS. We would have been happy even if there was a work-around for it but since you said we can't use any of your solutions with Angular JS we have no choice but to cancel the subscription.

Thank you again for your quick and detailed responses!

Best regards, Sofvie Team

Please insert min. 15 characters.

Add comment

Write

Create snippet

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: Free
Premium support: No
Technology: MDB Standard
MDB Version: MDB5 7.3.2
Device: All
Browser: Any
OS: Linux
Provided sample code: No
Provided link: No

sofvie

0Support score
1Questions 0Answers 0Snippets