2016-09-06 29 views
5

से करीब mdDialog मैं इस तरह से संवाद को बंद करने tring हूँ:कोणीय सामग्री टेम्पलेट निर्देश

showAlert(ev) { 
    this.mdDialog.show({ 
     restrict: 'E', 
     template:'<loader></loader>' + 
     ' <md-button ng-click="this.mdDialog.hide()" class="md-primary">' + 
    '  Close Dialog' + 
    ' </md-button>' , 
     parent: angular.element(document.body.childNodes[5]), 
     clickOutsideToClose:true 
    }); 
}; 
closeDialog() { 
    this.mdDialog.hide(); 
}; 

लेकिन बटन प्रकट होता है और कुछ भी नहीं। कोई विचार?

+0

इस विशेष कारण के कारण आप $ mdDialog का उपयोग क्यों नहीं कर रहे हैं। MdDialog? आप समस्याओं के बिना अपने निर्देश में $ mdDialog इंजेक्ट कर सकते हैं ... – troig

+0

धन्यवाद लेकिन इससे कोई फर्क नहीं पड़ता .. –

+0

प्लंबर में अपना कोड डालने का कोई मौका? – troig

उत्तर

2

मैं जवाब http://webiks.com/mddialog-with-a-confirmation-dialog/,

पिछले plunker में पेज https://embed.plnkr.co/HiLJlsp0yfcukxi2McNZ/ में पाया।

दायरे की संपत्ति की आवश्यकता नहीं थी।

पी.एस

अब मैं भी धन्यवाद @camden_kid जवाब के बाद संस्करण था, मेरे लिए सही दिखाई देता है तो।

1

ये रहा - CodePen

मार्कअप

<div ng-controller="MyController as vm" class="md-padding" ng-cloak="" ng-app="app"> 
    <md-button class="md-primary md-raised" ng-click="vm.show($event)">Open</md-button> 
    </script> 
</div> 

जे एस

angular.module('app',['ngMaterial']) 

.controller('MyController', function($scope, $mdDialog) { 
    this.show = function(ev) { 
    $mdDialog.show({ 
     restrict: 'E', 
     template:'<loader></loader>' + 
     ' <md-button ng-click="vm.hide()" class="md-primary">' + 
    '  Close Dialog' + 
    ' </md-button>' , 
     parent: angular.element(document.body), 
     clickOutsideToClose:true, 
     targetEvent: ev, 
     controller: DialogController, 
     controllerAs: "vm" 
    }); 
    }; 
}); 

function DialogController($scope, $mdDialog) { 
    this.hide = function() { 
    $mdDialog.hide(); 
    }; 
} 
+0

क्या इस समाधान के लिए कोई 'यह' correpondent है? मैंने एक बार '$ स्कोप' –

+0

का उपयोग करने से बचने के लिए जॉन पापा के दिशानिर्देश पर पढ़ा है, यह मेरे लिए काम नहीं किया है। मैंने कन्स्ट्रक्टर को $ स्कोप लाने की कोशिश की और फिर इसे। मिस्स्कोप = $ स्कोप में सहेजने की कोशिश की, और अभी भी Wanrning के अलावा कोई त्रुटि दिखाई नहीं दे रही है: स्क्रॉल किए गए, स्थैतिक-स्थित पैरेंट कंटेनर में ठीक से काम नहीं कर सकता है। –

संबंधित मुद्दे