Question

我刚刚使用角度和引导程序或者更具体地说使用模态来提取我几个月前使用过的代码。显然，模态已经发生了很大变化。

我的代码：

        <div class="modal" ng-show="isDocPopupVisible">
            <div class="modal-header">
                <button type="button" class="close" ng-click="closeDocPopup()">×</button>
                <h3>{{selectedDoc.name}}</h3>
            </div>
            <div class="modal-body">
                <strong>Created Date:</strong> {{selectedDoc.date}} <br />
                <br />
                <p>
                    <span style="white-space:pre">{{selectedDoc.description}}</span>
                </p>
            </div>
            <div class="modal-footer">
                <a href="{{selectedDoc.href}}" class="btn btn-primary" ng-click="closeDocPopup()">Download</a>
                <a href="#" class="btn btn" ng-click="closeDocPopup()">Close</a>

            </div>
        </div>

点击文档时，没有任何事情发生了。如果我将类从模态更改为模态对话框，底部向下滑动，但我不能再将其作为弹出模式。回顾一下bootstrap的文档会让它看起来比过去强烈得多，我想这很好，但我只是希望它类似于btn btn切换到btn btn-primary。

任何帮助 - 谢谢大家。

Answer 1

但我想出来了，只需要换掉一些东西。

                   <tr ng-repeat="doc in docs.cast | orderBy:'name' | filter:search" data-toggle="modal" data-target="#docModal" ng-click="showDocPopup(doc)">
                        <td>{{doc.name}}</td>
                        <td>{{doc.date}}</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="modal fade" id="docModal" role="dialog" ng-show="isDocPopupVisible">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" ng-click="closeDocPopup()">×</button>
                        <h3>{{selectedDoc.name}}</h3>
                    </div>

如何使模态与以前类似？

1 个答案: