不工作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';
}
我没有看到任何地方显示出来的黄色在我的第三方控制。
我是否正确地编码这一般?
答
这句法:
styleUrls: ['./lastRow.css']
定义风格只为与此组件关联的模板。您在组件中定义的功能是什么?否则,风格不能以这种方式定义。您需要改为为应用定义样式。
此处的Angular文档:https://angular.io/docs/ts/latest/guide/component-styles.html将介绍如何定义应用程序的样式。
+0
我在组件类yes中定义的函数,但它被传递给第三方控件以用作输入参数。所以它应该工作。没有? – reza
至少对我来说,它不清楚程序的结构是什么,第三方控件和api的含义是什么,以及使用的className()用于什么以及用于什么。你可以把一个jsfiddle/plunker/codepen? – elpddev
我正在使用一个开源的网格控件。我使用自定义API来控制/配置它。它的一个API函数,用于自定义行颜色,需要接收类名称。这是一个css类名。我希望有所帮助。 Plunker并不适合,因为它需要网格源等。 – reza
如果css文件实际上未加载,您可以在浏览器开发工具中检查。如果是这样,您可以检查元素检查器在自定义网格组件的行中放置了什么类,以及它是否适合您期望的类。知道这些答案可以帮助理解正在发生的事情。 – elpddev