Angularjs 基础范围滑块只在启动浏览器控制台后工作

我正在使用AngularJSV1.3.0和Foundation 5.0.3编写一个应用程序。在我的一个页面中，我有几个字段集，每个字段集包含几个字段集。像这样的

<fieldset ng-repeat="element in list" id="element_{{element.ID}}">
  <legend>Element: {{element.name}}</legend>
  <div ng-repeat="subelement in element.list" id="subelement_{{subelement.ID}}">
    <div class="small-10 medium-11 columns">
      <div class="range-slider round" data-slider="50">
        <span class="range-slider-handle"></span>
        <span class="range-slider-active-segment"></span>
      </div>
    </div>
  </div>
</fieldset>

元素：{{Element.name}

问题是，在打开浏览器控制台之前，我无法移动滑块。它发生在Firefox和Chrome中。我猜AngularJS在浏览器中激活调试模式时定义了一些变量，这导致了问题。但我真的不知道

有什么线索吗

---

非常感谢您将此跑步功能添加到您的angular应用程序中

.run(function($rootScope) {
    $rootScope.$on('$viewContentLoaded', function () {
        $(document).foundation();
    });
});

---

虽然这还没有范围滑块，但是如果你使用角度与基础，你应该检查这个：

基范围滑块端口的角度在

你是使用要求。因为看起来好像没有得到基础库JS…我耽搁的原因是什么。控制台中没有错误。我就是不能移动滑块。更奇怪的是：如果我在控制台打开的情况下重新加载页面，我就无法移动它们。我需要再次打开控制台才能执行此操作。或者只是改变它的位置（例如从底部到右侧）。因此，我的应用程序事件（基础或角度）和浏览器控制台事件之间似乎存在冲突。我是JS的新手，所以我完全迷路了。为了将来的参考：我刚刚完成了第一个版本，从角度使用基础滑块。谢谢你的推荐，这正是我想要的！