不工作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正確

回答

相關問題