Question

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

打开模态

    <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模态的打开方式。见documentation。基本上，您必须使用模板调用$uibModal.open：

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

看一下 at this plunker ，我通过resolve的{{1}}属性将值传递给模态。

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

1 个答案: