在HTML页面中使用自定义弹框

来源:互联网 发布:网络社会案例分析 编辑:程序博客网 时间:2024/06/16 01:49

 <button class="btn btn-xsbtn-warning" data-target="#myModal"data-toggle="modal">弹框</button>

       <div aria-hidden="true"aria-labelledby="myModalLabel" role="dialog"tabindex="-1" class="modal fade" bs-popup=""ng-model="test"

            id="myModal" style="display: none;">

           <div class="modal-dialog">

                <divclass="modal-content">

                    <divclass="modal-header alert-info">

                        <buttonaria-hidden="true" data-dismiss="modal"class="close" type="button">×</button>

                        <h4id="myModalLabel" class="modal-title">弹框</h4>

                    </div>

                    <divclass="modal-body">

                        <buttonclass="btn btn-info" ng-click="hhh()">测试</button>

                    </div>

                </div>

                <!-- /.modal-content -->

           </div>

           <!-- /.modal-dialog -->

       </div>

原创粉丝点击