【问题标题】:open modal only when data is true仅当数据为真时才打开模式
【发布时间】:2016-09-17 14:36:50
【问题描述】:

我正在编写一个脚本,其中仅在 python 文件的输出显示 dup_yes 为 1 后才打开模式

我的模态如下:

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#dupModal" data-keyboard="false" data-backdrop="static" ng-click="save_me()" >Save Me</button>

<div class="modal fade" id="dupModal" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-alert">Same name already exists</h3>
                <h6 class="modal-ask">Save both entries or do you want to cancel?</h6>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true" >Keep Both</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true" >Close</button>
            </div>
        </div>
    </div>
</div>

我的脚本如下:

$scope.save_me = function () {
    http.get("path to python file").then(function(response){
        $scope.check=response.data;
        if ($scope.check['login_status'] == 1 ){
           console.log("Mission is a Success\n");
           $scope.dup_yes=1;
        }
    })
}

当我点击按钮时,它会打开模式并同时运行 python 文件。

相反,我希望它仅在我的 python 脚本给出值 1 时打开模式。

关于如何做到这一点的任何想法?

【问题讨论】:

    标签: angularjs bootstrap-modal


    【解决方案1】:

    您可以从控制器访问模态并像这样打开它:

    $scope.save_me = function () {
       http.get("path to python file").then(function(response){
       $scope.check=response.data;
           if ($scope.check['login_status'] == 1 ){
              console.log("Mission is a Success\n");
              $scope.dup_yes=1;
    
              var modal = angular.element('#dupModal');
              //modal.modal('hide');
              modal.modal('show');
    
           }
       })
      }
    

    也许更好的解决方案是在单独的控制器中处理模态动作并将其注入到您当前的控制器中以保持职责分离

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-26
      • 2015-03-27
      • 2020-10-06
      • 2021-09-13
      • 2016-09-01
      • 2014-07-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多