角度模态 - 模态从一开始就显示，我无法隐藏它

Question

我是angular js新手我必须打开一个模态对话框，显示一些选定的值。

开模态

    <div modal="showModal" close="cancel()">
        <div class="modal-header">
            <h4>Modal Dialog</h4>
        </div>
        <div class="modal-body">
            <p>E{{inputValue}}</p>
        </div>
        <div class="modal-footer">
            <button class="btn btn-success" ng-click="ok()">Okay</button>
            <button class="btn" ng-click="cancel()">Cancel</button>
        </div>
    </div>

包含模态的模块的控制器是:

 var app = angular.module('myApp', ['ui.bootstrap.modal']);
   app.controller('ctrlTags', function($scope){
       $scope.inputValue=$('input:checked').val()
       $scope.open = function() {
           $scope.showModal = true;
           return $scope.inputValue;
       };
       $scope.ok = function() {
           $scope.showModal = false;
       };
       $scope.cancel = function() {
           $scope.showModal = false;
       };
    });

由于某些原因，模态显示为页面的常规部分(不作为模态)

Answer 1

切换布尔值不是打开ui-boostrap模态的方式。见文档。基本上你必须用模板调用$uibModal.open:

$scope.open = function() {
    var modalInstance = $uibModal.open({
        templateUrl: 'myModal.html',
        controller: 'ModalInstanceCtrl'
    });
}

看看在这个柱塞，我通过$uibModal.open的resolve属性传递一个值给模态。