angularJs页面弹框的实现

弹框需要三样东西，点击发生弹框事件的按钮，弹框页面，js逻辑。
下面用一个实例解释：
1，按钮：按钮的点击事件为toSendEmail()

type="button"  ng-click="vc.toSendEmail()" class="button button-icon ion-ios-email-outline" style="margin-right: -5px;">

2,弹框页面：新建一个html,命名为emailPop.html,代码如下：

<img ng-click="searchPopup.close()" src="img/login/close.png" style="position:absolute;top:-12px;right:-12px;z-index:99999;width:30px;">
<form name="form" style="margin:-10px;">
    <div class="list input-border">
        <label class="item item-input padding-right">
            <span class="input-label">客户邮箱span>
            <input type="text" placeholder="请输入客户邮箱地址">
        label>

    div>
form>

3，js部分：

$scope.vc = {
    toSendEmail:function(){
            $scope.searchPopup = $ionicPopup.show({
                templateUrl:'app/requirement/view/pop/emailPop.html',
                title:'弹框标题',
                scope: $scope,
                backdropClickToClose:true,
                cssClass:'form-popup',
                animation: 'slide-in-up',
                buttons:[{
                    text: '取 消',
                    type: 'button-light',
                    onTap: function(e) {
                        $scope.searchPopup.close();
                    }
                },{
                    text: '发 送',
                    type: 'button-positive',
                    //判断邮箱是否为空
//                  onTap: function(e) {
//                      if($scope.customerEmail == ''){
//                          utils.JAlert.alertOnce("请填写客户邮箱！");
//                          return false;
//                      }
//                  search();
//                  }
                }]
            });
        },
}