Как Ионные 2 знать, какие стили использовать

Question

В ионном 2 компонента определяется как так

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

Существует соответствующая таблица стилей, однако, никогда не определяется в @Component свойств. Как получить таблицу стилей, чтобы использовать стили, даже если она не определена?

Answer 1

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

При определении selector собственности в Component (страницы-дома в данном случае), вы устанавливаете на имя элемента HTML, который будет использоваться для этого компонента , Итак, Ionic создаст элемент html, чей тег будет page-home и будет содержать содержимое файла home.html.

Затем, если вы идете в файл home.scss, вы увидите, что файл начинается с

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

Так в основном, делая такие вещи, как это, эти правила стиля будут ограничены к элементу page-home и элементам внутри этого тега.