Javascript 角度UI模态-如果成功触发器位于表单标记内，则未定义ModalInstance

我有一个简单的模态，其中包含一个形式。“确定”按钮应处理成功并关闭模式，而“取消”按钮应仅关闭模式。如果我将“Ok”按钮放在form标记内，则处理程序中的模态实例将显示为未定义。我需要将按钮放在表单中，原因有二：设计透视图和提交工作。可能是什么问题？下面是最基本的代码：

//Modal:
<div class="modal-header">
    <h3 class="modal-title">My modal</h3>
</div>
<div class="modal-body">
    <form name="modalForm" id="modal-form" class="form-horizontal" role="form" ng-submit="modalOk()" novalidate>
        <div class="form-group">
            <label class="col-xs-2 control-label">Sample</label>
            <div class="col-xs-8" ng-class="{'has-error': modalForm.command.$error.required}">
                <input name="command" class="form-control" ng-model="formData.command" maxlength="65" ng-trim="false" required>                
            </div>
            <div class="col-xs-2">
            <!-- Modal undefined --   >             
                <button id="modal-ok" class="btn btn-primary" ng-click="modalOk()" ng-disabled="modalForm.$invalid">Run</button>
            </div>
        </div>
    </form>
</div>

<div class="modal-footer">
<!-- Works here-->
    <button id="modal-ok" class="btn btn-primary" ng-click="modalOk()" ng-disabled="modalForm.$invalid">Run</button>
    <button class="btn btn-primary site-btn-form" ng-click="modalCancel()">Close</button>
</div>

//Controller code
//.....
$scope.myModal = {};
$scope.launchModal = function() {
    //Create a modal for saving the filter
    $scope.myModal = $modal.open({
        templateUrl : 'views/dialogs/myModal.html',
        scope       : $scope,
        backdrop    : 'static'
    });

    //Save
    $scope.modalOk = function() {
        //myModal undefined if called from inside the form
        $scope.myModal.close();
    };

    //Cancel the operation
    $scope.modalCancel = function() {
        $scope.myModal.dismiss();
    };

    //Handle the modal promise
    $scope.myModal.result.then(function() {
        console.log('Ok');
    }, function() {
        console.log('Cancel');
    })['finally'](function(){
        $scope.myModal = undefined;  // Something I tried!
    });
};

//模态：
我的情态
样品
跑
接近
//控制器代码
//.....
$scope.myModal={}；
$scope.launchModal=函数（）{
//创建用于保存过滤器的模式
$scope.myModal=$modal.open({
templateUrl:'views/dialogs/myModal.html'，
范围：$scope，
背景：“静态”
});
//拯救
$scope.modalOk=函数（）{
//如果从表单内部调用，则myModal未定义
$scope.myModal.close（）；
};
//取消操作
$scope.modalCancel=函数（）{
$scope.myModal.discouse（）；
};
//处理情态承诺
$scope.myModal.result.then（函数（）{
console.log（'Ok'）；
}，函数（）{
console.log（'Cancel'）；
})['finally']（函数（）{
$scope.myModal=undefined；//我试过了！
});
};

---

感谢您的帮助

由于

modelOk（）

函数在

ng submit

上也被调用，因此您将得到

未定义的
：

<form name="modalForm" id="modal-form" class="form-horizontal" role="form" ng-submit="modalOk()" novalidate>


模态1
模态2
我的情态
样品
跑
接近
我的情态
样品
跑
接近
Simple Remove ng submit in the form tag.。哇，这很管用！在我的应用程序中的其他表单上，按enter键（ng submit）不起作用，因为按钮不在表单中。因此，我试着不再重复同样的错误，我遇到了不同的情况！谢谢！