How to change the position of AngularJS floating button?

Question

I am using angujlarjs floating buttons.Initially my button was at bottom right.Now I want that button to be at top right.Inspite of changing position from br to tr,the button is still getting displayed at bottom right.

<ul class="mfb-component--br mfb-zoomin" data-mfb-state="closed" data-mfb-toggle="click"  menu-state="ctrl.menuState" toggling-method="click" ng-mouseleave="hovered()" ng-mouseenter="hovered()"  effect="zoomin" position="tl" mfb-menu="" >
<li class="mfb-component__wrap">
<a style="background:#7D7Df8;" class="mfb-component__button--main" ng-attr-data-mfb-label="{{label}}" ng-mouseleave="hovered()" ng-mouseenter="hovered()" ng-click="togglePannel()">
<i class="mfb-component__main-icon--resting ion-funnel"></i>
<i class="mfb-component__main-icon--active ion-close-round"></i>
</a>
<a style="background:#7D7Df8;"class="mfb-component__button--main" ng-attr-data-mfb-label="{{label}}" ng-mouseleave="hovered()" ng-mouseenter="hovered()" ng-click="show()">
<i class="mfb-component__main-icon--resting ion-plus-round"></i>
<i class="mfb-component__main-icon--active ion-close-round"></i>
</a></li>
</ul>

Answer 1

.mfb-component--br表示您的按钮将显示在右下方。如果这门课是你自己写的，那就是你的错。从四个ul中移除此类，AngularJS应该完成其余的工作。