Ionic 2如何知道使用哪种款式

Question

在离子2中，组分的定义如此

@Component({
    selector:'some-selector',
    templateUrl:'some-template.ts'
})

有一个相应的样式表，但它从未在@Component属性中定义。即使没有定义样式表，它如何使样式表仍然使用样式？

Answer 1

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})

在selector（本例中为 page-home ）中定义Component属性时，您设置 的名称将用于该组件的html元素 。因此，Ionic将创建一个标记为page-home的html元素，并将包含home.html文件的内容。

然后，如果您转到home.scss文件，您会看到该文件以

开头

page-home {
    /* Style rules ... */
}

所以基本上通过这样做，这些样式规则将仅限于元素page-home和该标记内的元素。