Angular2将CSS类设置为组件变量值

我正在尝试做一些听起来很简单的事情,但我找不到任何满足我需求的例子.我有一个简单的组件,呈现ajax微调器,但我想允许使用者传入一个类或多个类(由空格分隔)作为组件的输入参数,并让组件视图模板将类添加到img标记中模板.这是我的组件:

import { Component, OnInit, Input } from '@angular/core';

@Component({
    moduleId: module.id,
    selector: 'loading',
    templateUrl: 'loading.html',
    inputs: ['imgClass']

})

export class LoadingComponent {
    @Input() imgClass: string;
}

这是视图模板:

这是我想要使用它的方式:

所以我想通过加载组件将中心块添加到img标签,但它似乎没有工作.

当应用加载标记时,这是:

它没有获得imgClass变量值,而是将文字'imgClass'添加为类.

更改视图模板:

这更符合您的需求.