離子3 Plunker與SCSS不工作

Question

我發現this plunker是你能告訴我怎麼.scss文件添加到that.Let的使用由離子team.But離子3.X演示說，我需要添加app/home.page.scss或可成爲一個全球性的scss文件。你能幫我嗎？

Answer 1

updated Plunker

以下是我所做的更改：

1）創建的應用程序/ home.page.scss

2）添加以下在app/home.page.ts

元數據

styleUrls: ['app/home.page.scss'] 

3）添加的類紅在app/home.page.html

<ion-title class="red">{{ appName }}</ion-title>

4）增加了以下在app/home.page.scss

.red { 
    border: 1px solid red; 
} 

我希望這是你需要的東西！