Javascript 引导数据切换在与angular配对时重新加载页面

这与

问题是，我只能扩展折叠的导航栏，而不能收缩它

我意识到，每当我点击导航栏切换按钮时，页面就会自动重新加载

我已经尝试删除“数据切换”属性，该属性使页面停止重新加载，而条停止扩展，因此这一定是导致此行为的原因

---

编辑谢谢你的帮助，我用angular用户界面解决了这个问题，正如charlieftl和l34p3r推荐的那样，在上面的Chartleitfl评论中添加了更多细节，Bootstrap.js和angular在这种情况下有些不一致。Angular允许使用来使用JavaScript处理接口组件。如果您想将Bootstrap与Angular结合使用，那么使用起来就最容易了，这将为您提供所有封装在Angular指令中的Bootstrap.js功能。使用ui引导无疑会减少单独应用引导的JS功能所需的代码

。问题和答案中HTML之间的差异可以用作比较ui引导集成前后代码外观的模型。具体地说，看看他们是如何交换数据切换以支持使用ngClick切换折叠状态的

希望这有帮助。

摆脱bootstrap.js

<div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
            <span class="sr-only" style="background-color:white">Toggle navigation</span>
            <span class="icon-bar" style="background-color:white"></span>
            <span class="icon-bar" style="background-color:white"></span>
            <span class="icon-bar" style="background-color:white"></span>
        </button>
        <div id="header-logo" ng-click="go('/start', 'slideUp')">
            <img src="image.png" alt="" class="">
            <div id="bluebar"></div>
        </div>

</div>