打开一个Bootstrap和Angularjs无效的方框

Question

我开始使用AngularJS，我想知道为什么当我尝试简单地打开这样一个框时Bootstrap和Angularjs之间存在冲突：

链接：

<a class="btn btn-primary" role="button" data-toggle="collapse" href="#open-baggage-box" aria-expanded="false" aria-controls="open-baggage-box">Add Now</a>

箱：

    <div id="open-baggage-box" class="collapse add-price-section">
        <div class="open-holder">
            <div class="container">
            </div>
        </div>
    </div>

它实际上不起作用，我不知道为什么。谢谢

Answer 1

由于角度模板通常是动态加载的，因此bootstrap可以在渲染之前查找折叠元素。

如果你想在AngularJS中使用Bootstrap UI元素，我建议UI Bootstrap将它们作为Angular指令实现。

在您的情况下，collapse directive将完成工作：）