使用angular js控制器来检查cookie并返回一个模态

Use angular js controller to check a cookie and return a modal

本文关键字：模态 一个 返回 js angular 控制器 cookie 检查 使用      更新时间：2023-09-26

我正在实现一个SPA，其中我有一个html元素调用angularjs控制器。

这是我的要求:

我想检查在控制器是否有一个特定的cookie可用:—如果是，则调用服务-如果没有，然后返回一个模态(与一些问题，我希望存储在cookie当用户点击"保存"模态)

到目前为止，我能够在控制器中检查cookie，但我不能向用户显示模态。

我已经创建了一个html模板(partials/question.html)，这是使用twitter bootstrap模态，但我不能返回这个模态(html)回到用户。

我尝试了angularjs的模态服务，但我击中了它的底部，因为我无法使用相同的创建相同的html模板(它可以工作，但它不是一个很酷的ui)。

任何建议或代码片段，我使用作为参考将是一个很大的帮助。

编辑缺失的代码:

    var modalInstance = $modal.open({
                            templateUrl: 'partials/questionaire.tpl.html',
                            controller: 'QuestionaireController',
                            size: 'lg',
                            windowClass: 'modal-fit',
                            resolve: {
                                 questionaires: function () {
                                    return $scope.questionaires;
                                 }
                            }
                        });

'partials/questionaire.tpl.html'            
===     
<div class="modal fade" id="questionaireModal" tabindex="-1" role="dialog" aria-labelledby="questionaireModalLabel" aria-hidden="true" ng-controller="QuestionaireController as questionaireCtrl">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        ....
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        ...
      </div>
    </div>
  </div>
</div>

谢谢!AJ

我在做蠢事。

上面的问题是，我正在创建一个模态(使用modal-dialog和modal-content类的bootstrap)，然后将上面的模板传递给$modal service，以在一个条件下返回到视图。

一旦我从模板中删除了模式对话框，那么它就像一个魅力。

相关文章：