Bootstarp3 模态对话框

<!-- 菜单 -->
            <div class="nav"> 
                <a class="btn btn-default" data-toggle="modal" href="#ModalWindow">添加App</a> 
            </div>

            <!-- Modal -->

            <div id="ModalWindow" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog" style="width: 600px; margin: 10% auto;">
                <!--margin:10%可以调垂直居中,根据内容自己手动调整-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">添加站点</h4>

                        </div>
                        <div class="modal-body">
                                <!-- 下面这个table可以替换 -->
                                <table width="500" align="center" style="text-align: center;" class="add-app-panel-table" cellspacing="1" cellpadding="5">
                                    @*<tr>
                                        <td><img ng-src="{{AddModel.appicon}}" width="80" height="80" style="border-radius: 8px;" border="1" /></td>
                                        <td align="left">
                                            <input ng-model="AddModel.appicon" value="{{AddModel.appicon}}" size="40" />
                                        </td>
                                    </tr>*@

                                    <tr>
                                        <td>站点ID：</td>
                                        <td align="left">
                                            <input ng-model="AddModel.WebID" />
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>站点名称：</td>
                                        <td align="left">
                                            <input ng-model="AddModel.WebSiteName" />
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>站点类型：</td>
                                        <td align="left">
                                            <input ng-model="AddModel.WebSiteType" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>管理员邮箱：</td>
                                        <td align="left">
                                            <input ng-model="AddModel.AdminEmail" />
                                        </td>
                                    </tr> 

                                    <tr>
                                        <td>功能是否开启：</td>
                                        <td align="left">
                                            开启性能收集:<input type="checkbox" name="OpenXingNengShouJie" ng-model="site.OpenXingNengShouJie"><br/>
                                            开启JSError收集:<input type="checkbox" name="OpenJSErrorShouJi" ng-model="site.OpenJSErrorShouJi"><br />
                                            开启SysError收集:<input type="checkbox" name="OpenSysErrorShouJi" ng-model="site.OpenSysErrorShouJi"><br />
                                            开启流量日志收集:<input type="checkbox" name="OpenLiuLiangShouJi" ng-model="site.OpenLiuLiangShouJi"><br />
                                            开启操作日志收集:<input type="checkbox" name="OpenCaoZuoRiZhiShouJi" ng-model="site.OpenCaoZuoRiZhiShouJi"><br />

                                        </td>
                                    </tr> 
                                </table> 

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button> 
                            <button type="button" class="btn btn-default" ng-click="AddModel={}">重置</button>
                            <button type="button" class="btn btn-primary btn-lg" ng-click="addAppAction()">提交</button>
                        </div>

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

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

            </div>
            <!-- /.modal -->