有条件地应用指令

我正在使用Material 2来添加md-raised-button.

我想仅在某些条件成立时应用此指令.

例如:

另一个例子:我在plunker中创建了一个基本的动态反应形式.我正在使用formArrayName反应形式的指令来控制数组.我想formArrayName仅在特定条件成立时才应用指令.否则不添加formArrayName指令.我尝试和研究了很多,但可以找到任何解决方案.

这是plunker链接:https://plnkr.co/edit/oPZ7PyBSf8jjYa2KVh4J ? p = preview

我真的很感激任何贡献.

提前致谢!

您可以使用以下方法:

应用于您的plunker:fork

更新:

如何condition ? '' : null作为价值:

当它的空字符串('')成为attr.md-raised-button=""时,它null的属性将不存在.

更新: plunker更新:fork(版本问题已修复,请注意问题最初是基于角度4)

我不知道你是否可以根据条件应用指令,但是解决方法是有2个按钮并根据条件显示它们.

编辑:也许这会有所帮助.

如前所述,这似乎不可能.可以用来至少防止一些重复的一件事是ng-template.这允许您提取受ngIf分支影响的元素的内容.

例如,如果您想使用Angular Material创建分层菜单组件:

    {{ item.icon }}
    {{ item.label }}




    



    
        
    

    
        
    

@Input('myDirective') options: any;

ngAfterViewInit(): void {
    if (!this.options.apply) {
        return;
    }

    // directive logic
}

Toggle Raised Button