$ mdDialog.showに関数を追加する方法AngularJS Material

Question

私はangleJSマテリアルダイアログを使用して、ポップアップウィンドウを作成します。私は、ブートストラップ日付ピッカーを使用したいと私は私の入力に機能を割り当てる必要があり、

​​

が、問題は、この機能がヒットしたとき、その要素が存在していないです。私は何ができるか

$scope.showCompleteConfirm = function (ev) { 
     //Timepicker 
     angular.element(".timepicker").timepicker({ 
      showInputs: false 
     }); 
     $mdDialog.show({ 
      controller: UserDetailController, 
      templateUrl: 'app/components/templates/CustomTimeDialog.html', 
      parent: angular.element(document.body), 
      targetEvent: ev, 
      clickOutsideToClose: true, 
      fullscreen: false // Only for -xs, -sm breakpoints. 
     }) 
     .then(function (answer) { 
      //success 
     }, function() { 
      //fail 
     }); 
    }; 

とその作業は、このテンプレートが呼び出されますとき、私の入力が存在しますので、私のHTMLページにタグを作成し、そこからそれを割り当てることです、：ここ

は私のコントローラ機能です私はコントローラで自分の機能で動作させる方法があるかどうかを知りたいと思います。

Answer 1

私は完全にはわかりませんが、$mdDialogにはonCompleteライフサイクルフックがあります。 show()が実行された後に起動します。

$mdDialog.show({ 
      controller: UserDetailController, 
      templateUrl: 'app/components/templates/CustomTimeDialog.html', 
      parent: angular.element(document.body), 
      targetEvent: ev, 
      clickOutsideToClose: true, 
      fullscreen: false // Only for -xs, -sm breakpoints. 
      onComplete: function(){ 
        angular.element(".timepicker").timepicker({ 
        showInputs: false 
       }); 
      } 
      })