同一张html页面点击出现弹出框

<button type="button" class="btn btn-default" title="新建" data-toggle="modal" data-target="#editModal" ng-click="entity={}" ><i class="fa fa-file-o"></i> 新建</button>

data-toggle="modal" data-target="#editModal"为弹出框属性

<!-- 编辑窗口 -->

<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-dialog" >

<div class="modal-content">

<div class="modal-header">

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

<h3 id="myModalLabel">品牌编辑</h3>

</div>

<div class="modal-body">

<table class="table table-bordered table-striped" width="800px">

<tr>

<td>品牌名称</td>

<td><input class="form-control" placeholder="品牌名称" ng-model="entity.name"> </td>

</tr>

<tr>

<td>首字母</td>

<td><input class="form-control" placeholder="首字母" ng-model="entity.firstChar"> </td>

</tr>

</table>

</div>

<div class="modal-footer">

<button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="save()">保存</button>

<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>

</div>

</div>

</div>

</div>