lumx下拉不支持angular-ui和引导

I am doing a project in which I am using LUMX, Angular-UI and Bootstrap as well

我正在做一个项目，我正在使用LUMX, Angular-UI和Bootstrap

I am facing problem that my drop down is not working here is code snippet.

我面临的问题是，我的下拉菜单不工作，这里是代码片段。

<li class="dropdown" dropdown on-toggle="toggled(open)">
        <a href class="dropdown-toggle" dropdown-toggle>
            <i class="ti-world"></i> {{language.selected}}
        </a>
        <ul role="menu" dropdown-menu class="dropdown-menu dropdown-light fadeInUpShort">
            <li ng-repeat="(localeId, langName) in language.available">
                <a ng-click="language.set(localeId, $event)" href="#" class="menu-toggler">
                    {{langName}}
                </a>
            </li>
        </ul>
    </li>

if I will remove lumx.js in index.html it will start working. but still drop down of lumx will not work.

如果我要移除lumx。js的指数。它将开始工作。但还是会掉下来的lumx不会起作用。

<div flex-item>
    <lx-select ng-model="selects.selectedCategory" placeholder="Select Category" choices="categories" floating-label>
                            <lx-select-selected>
                                {{ $selected.name }} - {{ $selected.id }}
                            </lx-select-selected>

                            <lx-select-choices>
                                {{ $choice.name }} - {{ $choice.id }}
                            </lx-select-choices>
                        </lx-select>
                    </div>

1 个解决方案

#1

I found the solution. drop down class from lumx.css and angular-ui.css was conflicting with each other.

我找到了解决方案。从lumx掉下类。css和angular-ui。css是互相冲突的。

I remove

我删除

.dropdown{
 }

css from lumx.css now my angular-ui drop down started working.

从lumx css。css现在我的angular-ui下拉开始工作。

#1