Question

我们可以使用插值将输入写入模板：

@Component({
    selector: 'tag',
    inputs: ['color'],
    template: `
        <div id="test" style="background: {{color}}">
            Some text
        </div>
    `,  
})
class TestComponent {
}

我的问题是：是否有可能（以某种方式）让它像这样工作：

@Component({
    selector: 'tag',
    inputs: ['color'],
    template: `
        <div id="test">
            Some text
        </div>
    `,  
    styles: ['#test { background: {{color}}; }'],
})
class TestComponent {
}

这最后一次尝试不起作用，我似乎无法找到一种方法。

感谢。

Answer 1

AFAIK你做不到。组件var start = 8; for(i = 0; i < array.length; i++){ index = (start+i)%array.length; .... }元数据无法访问其styles变量。我建议你去Class / ngClass

ngStyle

来自输入的Angular 2组件样式

1 个答案: