Przekazywanie dyrektywy do usługi Angle Material Usługa mdPanel

Question

Próbuję użyć usługi mdPanel, będącej częścią frameworka Angular Material, do tworzenia wyskakujących okienek dla mojej aplikacji. Jestem w stanie uruchomić usługę, ale miałem pomysł, aby przekazać dyrektywę do usługi, tak, że mogę mieć dynamiczny element formularza, który mogę wyświetlić. Jednak po obszernym lekturze documentation i kilku wyszukiwaniach w Google nie mogę znaleźć możliwego sposobu na osiągnięcie tego.

Jestem trochę nowy w Angular, więc przepraszam, jeśli to jest oczywiste. Dziękuję za wszelkie spostrzeżenia, które można tu podać.

Answer 1

Przejdź do formularza w formie szablonu. Jeśli więc utworzono dyrektywę taką jak ta, opcja konfiguracji mdPanel będzie wyglądać jak pokazano poniżej. Możesz dowolnie konfigurować inne opcje, ale "szablon" powinien być ustawiony na odpowiednią dyrektywę elementu.

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 
    };