bootstrap 模态框
代码实列
<!-- 模态框(Modal) --> <div class="modal fade" id="myModal" 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> <h4 class="modal-title" id="myModalLabel"> 标题 </h4> </div> <div class="modal-body"> <div> <div class="col-xs-5">id</div> <div class="col-xs-5">状态</div> </div> <div ng-repeat=" item in bagMessage" class="row"> <div class="col-xs-5"><a target="_blank" href="#">{{item.id}}</a></div> <div class="col-xs-5">{{item.status?item.status:'备用'}}</div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭 </button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->