Question

我有一个angular2组件：

@Component({
    providers: [
        FlowsheetService,
        SubscriptionService
    ],
    moduleId: module.id,
    selector: 'flowsheet',
    templateUrl: './flowsheet.component.html',
    styleUrls: ['./lastRow.css']
})

lastRow.css与组件文件包含在同一目录中：

.yellow {
    background-color: yellow;
}

在我的第三方控件中，有一个API需要一个css类名作为返回值。

该功能如下：

function className() {
    return 'yellow';
}

我的第三方控件中没有看到任何黄色显示。

我是否正常编码？

Answer 1

此语法：

styleUrls: ['./lastRow.css']

仅为与此组件关联的模板定义样式。您在组件中定义的功能是？如果不是，则不能以这种方式定义样式。您需要为应用定义样式。

此处的Angular文档：https://angular.io/docs/ts/latest/guide/component-styles.html介绍了如何为应用程序定义样式。

angular2组件styleUrls无法正常工作

1 个答案: