Topic: MDBootstrap not working inside ng-view

Muhammad Oan free asked 5 years ago


Hello i am using mdbootstrap  with angular 1. Now the problem is that when i put my code inside ng-view md bootstrap's component look changes i.e they don't load/look properly. And when i put my code without ng-view it works fine. Now i have to use ng-view because i need to divide the code so how do i overcome this problem. The example is:
<div class="container">
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
        <a class="btn-floating btn-lg red">
            <i class="fa fa-pencil"></i>
        </a>
    </div>
</div>
this shows a button and it looks fine with a ripple effect as well but when put it inside ng-view:
    <div ng-view class="container">
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
        <a class="btn-floating btn-lg red">
            <i class="fa fa-pencil"></i>
        </a>
    </div>
</div>
the button looks very bad and without ripple effect.

Bartłomiej Malanowski staff commented 5 years ago

We don't support Angular 1, but we have created MDB for Angular 2/4. You can use MDB with Angular 2/4 or find solutions for Angular 1 by your own


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags