这是我的html代码

<div class="form-group">

     <select ng-model="modSelectedState" id="selectState" name="selectState"
          ng-options="state as state.full_name for state in states">
          <option value="">Select State...</option>                                         </select>
     </div><!-- /.form-group -->


它将按预期方式渲染,直到我在代码中添加以下行:

 <script type="text/javascript" src="scripts/bootstrap/js/bootstrap.min.js"></script>


此时,我渲染页面时看到的所有内容都是默认选项(“选择状态”)。当我删除bootstrap.js时,所有内容都会按预期呈现-也就是说,我看到了所有状态的列表。

这就是我在控制器中加载代码的方式

 $http.get('./data/states.js').success(function (data) {
        $scope.states = data.locations;
    });


States.js存储在本地。

我在页面上还有其他一些角度元素,它们都可以正常工作。我也尝试使用加载顺序(即在角度之前加载引导程序,反之亦然),但结果是相同的-列表在没有引导程序的情况下可以很好地呈现,而在没有引导程序的情况下不会呈现。

在绑定列表方面,这两个库之间是否存在任何已知的冲突?有任何已知的解决方法吗?

最佳答案

您需要使用controls specially prepared to work with bootstrap and angular ...否则,不仅会遇到此类意外问题,而且还会因基于已经存在的经过验证的方法而尝试自己实施的事实而导致其他类型的问题。使用javascript库。最好的祝福。

关于javascript - 如何解决bootstrap.js和angularjs的 Angular 列表之间的冲突,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25876317/

10-12 12:28
查看更多