開かれた1秒後に角度UIモーダルを表示

Question

In this plunk開かれたときに1秒間表示されずに表示される角度UIモーダルがあります。私はテンプレート自体にng-showを使用していますが、モーダルではなく内容を隠しています。モーダルを隠すには？モーダルはconsole.log("displayed")を待たずにconsole.log("opened")の直後に表示されることに注意してください。

Javascriptを：

var app = angular.module('app', ['ui.bootstrap']); 
app.controller('ctl', function() {}); 

app.directive("theModal", function($uibModal,$timeout) { 
      return { 
      restrict: "AE",   
      link: function (scope, element, attrs) { 

        scope.show = false; 
        console.log("opened"); 
        scope.instance = $uibModal.open({ 
         windowClass: 'app-modal', 
         template: '<div ng-show="show">MODAL WAS LOADED</div>' 
        }); 

        $timeout(function(){ 
         scope.show = true; 
         console.log("displayed"); 
        },1000) 

      } 
     } 
    }); 

Answer 1

残念ながら、これは私が将来的に終了関数としてタイムアウトを使用しますが、私の本当で質問に、私の場合には動作しません。この

var app = angular.module('app', ['ui.bootstrap']); 
app.controller('ctl', function() {}); 

app.directive("theModal", function($uibModal,$timeout) { 
     return { 
     restrict: "AE",   
     link: function (scope, element, attrs) { 

       console.log("opened"); 

       $timeout(function(){ 
        scope.instance = $uibModal.open({ 
        windowClass: 'app-modal', 
        template: '<div >MODAL WAS LOADED</div>' 
        }); 
        console.log("displayed"); 
       },1000) 

     } 
    } 
});