Javascript 将指令传递给角材质mdPanel服务

Javascript 将指令传递给角材质mdPanel服务,javascript,angularjs,angularjs-directive,angular-material,Javascript,Angularjs,Angularjs Directive,Angular Material,我正试图利用mdPanel服务(Angular Material框架的一部分)为我的应用程序创建弹出窗口。我能够让服务正常工作,但我有一个想法,就是向服务传递一个指令,这样我就可以有一个动态表单元素来显示。然而,在广泛阅读和几次谷歌搜索之后,我似乎找不到一个可行的方法来实现这一点 我对棱角有点陌生,所以如果这是不言而喻的,我道歉。感谢您在此提供的任何见解。将表单指令作为模板传递。所以如果你创建了这样一个指令 angular.module('myApp') .directive('myAwesom

我正试图利用mdPanel服务(Angular Material框架的一部分)为我的应用程序创建弹出窗口。我能够让服务正常工作,但我有一个想法,就是向服务传递一个指令,这样我就可以有一个动态表单元素来显示。然而,在广泛阅读和几次谷歌搜索之后,我似乎找不到一个可行的方法来实现这一点


我对棱角有点陌生,所以如果这是不言而喻的,我道歉。感谢您在此提供的任何见解。

将表单指令作为模板传递。所以如果你创建了这样一个指令

angular.module('myApp')
.directive('myAwesomeFormDirective', [function() {
    return {           
        templateUrl: 'some/path/some.html',
        controller: "SomeFormController"
    };
}])
您的mdPanel配置选项如下所示。您可以随意配置其他选项,但“模板”应设置为相关的元素指令

 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
  };
var配置={
附件:angular.element(文档主体),
disableParentScroll:this.disableParentScroll,
模板:“”,
哈斯:是的,
panelClass:“演示对话框示例”,
职位:职位,,
trapFocus:没错,
zIndex:150,
单击外部以关闭:true,
逃避关闭:是的,
focusOnOpen:正确
};