我需要帮助消除提交时的模式。 我正在使用angularJs进行数据绑定以及Jquery和bootstrap（但不使用ui-bootstrap）

Question

按钮启动模式：

<button data-hover="tooltip" title="Edit" style="height:25px; width:35px" class="fa fa-pencil" data-toggle="modal" data-target=".eCategory-modal-sm" ng-click="budget.getCategory(category.Id)"></button>

HTML：

<div class="col-md-12 col-sm-12 col-xs-12">
<div>
    <div class="">
        <br />
        <div class="modal fade eCategory-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <h4 class="modal-title" id="myModalLabel2">Edit Budget </h4><small>Delete Previous Information and Enter New </small>
                    </div>
                    <div class="modal-body">
                        <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" ng-submit="budget.editCategory()">
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Name</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input type="text" class="form-control" ng-model="budget.cmodel.Name">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Expense/Income</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <select class="form-control" ng-model="budget.cmodel.ExpenseTF" ng-options="o.v as o.n for o in [{n: 'Income', v: false}, {n: 'Expense', v: true}]"></select>
                                </div>
                            </div>
                            <div class="ln_solid"></div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <button type="button" class="btn btn-default" data-dismiss="modal" onclick="this.form.reset()">Close</button>
                                </div>
                                <div class="col-md-6 ">
                                    <button type="submit" class="btn btn-success">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

JS：

 c.editCategory = function () {
    return $http.post(serviceBase + '/api/Category/Edit', c.cmodel).then(function (response) {
        c.cmodel = response.data;
        return response;
    });
};

另外，我看了很多这类问题的例子。 大多数答案都与指令有关。 我的应用程序的指令中没有任何事件。 我仅使用角度控制器，服务（出于安全性）和模板来加载视图。 我是新来的，所以我不确定到目前为止应用程序的数据流如何运行。 但是，我确实知道，如果我将东西注入到应用程序中，我的安全性就会受到破坏……这是因为令牌丢失了。 因此，请不要给我一个解决方案，该方案涉及我必须注入我的应用程序。 PS。 我曾尝试注入Ui-Bootstrap并使用其模态....但是如果您有一个，它就无法解决其他问题。 如果您给我粘贴代码，请告诉我在哪里进行更改。

Answer 1

关闭按钮如何消除模态？
回答：

 
 
 
  
   data-dismiss="modal"
 
  

解决问题的方法：

c.editCategory = function () {
    return $http.post(serviceBase + '/api/Category/Edit', c.cmodel).then(function (response) {
        c.cmodel = response.data;
        $('.modal').modal('hide');
        return response;
    });
};

好吧...您是否尝试过将$（'。modal'）。modal（'hide'）; 在您的JavaScript函数中？

 c.editCategory = function () { return $http.post(serviceBase + '/api/Category/Edit', c.cmodel).then(function (response) { c.cmodel = response.data; $('.modal').modal('hide'); return response; }); };