Angular 2将类名作为主机的输入并应用于子元素

时间:2016-11-01 18:50:37

标签: angular

在Angular 2组件中获取一系列类名并将其添加到其子组件的最佳方法是什么?我还想检测字符串是否为空或者是否未使用该选项而不添加该类。

My Component看起来像这样:

@Component({
    selector: "my-dropdown-toggle",
    template: `
        <button <Input Class from the _classname variable here>>
            <ng-content></ng-content>
            <i class="fa fa-arrow"></i>
        </button>
    `,
    host: {
        "[class.dropdown-toggle]" : "true"
    }
})
export class MyDropdownToggle {
  @Input() _classname: string;
  ...
}

我想像这样使用它:

<my-dropdown-toggle [_classname]="btn btn-danger">Hello</my-dropdown-toggle>

0 个答案:

没有答案