Passaggio di una direttiva al materiale angolare Servizio mdPanel

Question

Sto tentando di utilizzare il servizio mdPanel, una parte del framework Angular Material, per creare popup per la mia app. Sono in grado di far funzionare il servizio, ma ho avuto l'idea di passare una direttiva al servizio, in modo tale che possa avere un elemento di forma dinamico che posso visualizzare. Tuttavia, dopo un'attenta lettura dello documentation e alcune ricerche su google, non riesco a trovare un modo fattibile per realizzare questo.

Sono un po 'nuovo per Angular, quindi mi scuso se questo è evidente. Grazie per eventuali approfondimenti che possono essere forniti qui.

Answer 1

Passare nella direttiva del modulo come modello. Quindi, se si fosse creata una direttiva come questa

angular.module('myApp') 
.directive('myAwesomeFormDirective', [function() { 
    return {   
     templateUrl: 'some/path/some.html', 
     controller: "SomeFormController" 
    }; 
}]) 

L'opzione di configurazione mdPanel avrà un aspetto simile mostrato di seguito. Puoi comunque configurare altre opzioni come preferisci, ma, "template" dovrebbe essere impostato sulla direttiva relativa agli elementi.

var config = { 
    attachTo: angular.element(document.body), 
    disableParentScroll: this.disableParentScroll, 
    template: '<my-awesome-form-directive></my-awesome-form-directive>', 
    hasBackdrop: true, 
    panelClass: 'demo-dialog-example', 
    position: position, 
    trapFocus: true, 
    zIndex: 150, 
    clickOutsideToClose: true, 
    escapeToClose: true, 
    focusOnOpen: true 
    };