如何在angularjs中的同一模态中添加多个动作按钮

时间:2015-02-09 10:11:56

标签: angularjs twitter-bootstrap modal-dialog

我正在使用Bootstrap Modal。我需要在单个模态中用于不同目的的多个动作按钮。我已经关闭了两个按钮然后确定。我需要另一个名为提交或保存。

<div class="modal-body">  
 <div class="row">
    <div class="col-lg-8">
        <select  class="form-control" data-ng-model="review.sessionid" ui-select2 class="comboselection">
            <option  data-ng-repeat="review in modalOptions.reviews"  value="{{review.oid}}">{{review.sessionName}}</option>
          </select>
    </div>
 </div>
 <div class="row">
    <div class="col-lg-8">
        <textarea class="form-control"  name="review.news" data-ng-model="review.news"></textarea>
    </div>
</div>     

</div>

<div class="modal-footer">
     <button id="btnsubmit" type="submit" class="btn btn-primary" data-ng-click="modalOptions.ok(review)" ><i class="glyphicon glyphicon-ok"></i>{{modalOptions.actionButtonText}}</button>
    <button class="btn btn-deafult" data-ng-click="modalOptions.close()"><i class="fa fa-times"></i>{{modalOptions.closeButtonText}}</button>

</div>

关闭按钮用于关闭模态。 ok按钮通过结果变量modalService.showModal(modalDefaults, modalOptions).then(function (result)传递控制器中的对象。这是我的控制器..

 var modalOptions = {
                    closeButtonText: 'Cancel',
                    actionButtonText: 'Submit',
                    headerText: 'Review PMP',
                    reviews: reviewlist
            };

            var modalDefaults = {
                    templateUrl: 'app/partials/pmpReviewModal.html'
                };

                modalService.showModal(modalDefaults, modalOptions).then(function (result) {
                var sessionName = result.sessionName;
                 var session = result.news;
                console.log(sessionName);
            });

但我的问题是,我如何为控制器添加另一个用于传递对象的按钮?

0 个答案:

没有答案