不工作angular2组件styleUrls正确

我有一个angular2组件：不工作angular2组件styleUrls正确

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

lastRow.css在同一目录作为组件文件包含：

.yellow { 
    background-color: yellow; 
}

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

该函数如下：

function className() { 
    return 'yellow'; 
}

我没有看到任何地方显示出来的黄色在我的第三方控制。

我是否正确地编码这一般？

来源

2017-04-13 reza

至少对我来说，它不清楚程序的结构是什么，第三方控件和api的含义是什么，以及使用的className（）用于什么以及用于什么。你可以把一个jsfiddle/plunker/codepen？ – elpddev

我正在使用一个开源的网格控件。我使用自定义API来控制/配置它。它的一个API函数，用于自定义行颜色，需要接收类名称。这是一个css类名。我希望有所帮助。 Plunker并不适合，因为它需要网格源等。 – reza

如果css文件实际上未加载，您可以在浏览器开发工具中检查。如果是这样，您可以检查元素检查器在自定义网格组件的行中放置了什么类，以及它是否适合您期望的类。知道这些答案可以帮助理解正在发生的事情。 – elpddev

这句法：

styleUrls: ['./lastRow.css']

定义风格只为与此组件关联的模板。您在组件中定义的功能是什么？否则，风格不能以这种方式定义。您需要改为为应用定义样式。

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

来源

2017-04-14 00:29:06 DeborahK

我在组件类yes中定义的函数，但它被传递给第三方控件以用作输入参数。所以它应该工作。没有？ – reza

不工作angular2组件styleUrls正确

回答

相关问题