角模態 - 從一開始就顯示模態，我不能隱藏它

Question

我是新角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模式。請參閱documentation。基本上，你必須調用$uibModal.open與模板：

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

看一看at this plunker在那裏我傳遞一個值的模式，通過$uibModal.open的resolve財產。