bootstrap 3表响应不使用angularJS应用程序，我将表放在ng-view中

Question

我是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>

我在ng-view div中加载

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

但是当我在Chrome浏览器的移动模式下看到上表时，表格正在水平增长（超出设备宽度）。 如果我创建一个具有相同类的测试页，相同的代码工作正常。 如果有什么我需要改变以使用角度，请告诉我吗？