如何将数据导入bootstrap模式？

Question

当我使用bootstrap panel panel-default属性时，我可以在bootstrap模态窗口中显示数据，但是当我使用modal属性时，我看不到数据。有什么想法吗？

main.html中

  <div class="modal">
    <div class="modal-header">Server Logged Files</div>
    <table class="modal-body">
        <tr>
            <th>File</th>
            <th>
                <p ng-click="sortType = 'fileDate'; sortReverse = !sortReverse">
                    Date
                    <span ng-show="sortType == 'fileDate' && !sortReverse" class="glyphicon glyphicon-chevron-down"></span>
                    <span ng-show="sortType == 'fileDate' && sortReverse" class="glyphicon glyphicon-chevron-up"></span>
                </p>
            </th>
            <!-- <th>Download</th>-->
        </tr>
        <tr ng-repeat="file in data | orderBy:sortType:sortReverse">
            <td ng-click="downloadServerFile(file.filename)" class="noBorder"><span class="glyphicon glyphicon-file"></span>{{file.filename}}
                <span class="pull-right text-danger glyphicon glyphicon-record" style="padding-left: 25px" ng-if="file.mostRecent"></span></td>
            <td class="noBorder">{{file.fileDate |date : 'medium'}}</td>
        </tr>
    </table>
</div>
<div class="modal-footer">
    <button class="btn btn-warning" type="button" ng-click="cancel()">Close</button>
</div>