Javascript bootstrap 3 table responsive无法使用angularJS应用程序，我正在ng视图中放置表格

我是angularjs新手，我正在使用

ng repeat

创建一个表行

下面是代码片段

    <div class="table-responsive">
  <table class="table table-condensed">
    <thead>
        <tr>
             <th>heading1</th>
             <th>heading2</th>
             <th>heading3</th> 
             <th>heading4</th>
             <th>heading5</th> 
             <th>heading6</th>
             <th>heading7</th>
             <th>heading8</th>
             <th>heading9</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="task in taskList">
            <td>{{task.item1}}</td>
            <td>{{task.item2}}</td>
            <td>{{task.item3}}</td>
            <td>{{task.item4}}</td>
            <td>{{task.item5}}</td>
            <td>{{task.item6}}</td>
            <td>{{task.item7}}</td>
            <td>{{task.item8}}</td>
            <td>{{task.item9}}</td>
        </tr>
    </tbody>
  </table>
</div>

标题1
标题2
头3
头4
标题5
头6
头7
标题8
标题9
{{task.item1}
{{task.item2}
{{task.item3}
{{task.item4}}
{{task.item5}}
{{task.item6}}
{{task.item7}}
{{task.item8}
{{task.item9}

我正在ng view div中加载相同的内容

<div ng-view class="container-fluid"></div>

但当我在chrome浏览器的移动模式下看到上面的表格时，表格正在水平增长（超出设备宽度）。 如果我用相同的类创建一个测试页面，同样的代码也可以正常工作。

---

让我知道我是否需要更改以在angular中使用？

对我来说很好：实际上我的代码也和你的一样，但对我来说它不起作用。你有任何控制台错误吗？对我来说很好，而且似乎只是空间不够的问题。看看这个答案中提出的第一个解决方案，对我来说非常有效：您是否在head标记中设置了视口？