MDBootstrap not working inside ng-view

Topic: MDBootstrap not working inside ng-view

Muhammad Oan asked 7 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 pro premium commented 7 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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Open

Specification of the issue

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

About author

Muhammad Oan

0Support score
1Questions 0Answers

0Snippets likes 0Snippets