diff --git a/src/material-examples/select-custom-trigger/select-custom-trigger-example.html b/src/material-examples/select-custom-trigger/select-custom-trigger-example.html index b8d7fe7ca306..9c6f8960bb31 100644 --- a/src/material-examples/select-custom-trigger/select-custom-trigger-example.html +++ b/src/material-examples/select-custom-trigger/select-custom-trigger-example.html @@ -3,7 +3,7 @@ {{toppings.value ? toppings.value[0] : ''}} - (+{{toppings.value.length - 1}} others) + (+{{toppings.value.length - 1}} {{toppings.value?.length === 2 ? 'other' : 'others'}}) {{topping}} diff --git a/src/material-examples/select-panel-class/select-panel-class-example.ts b/src/material-examples/select-panel-class/select-panel-class-example.ts index eb848aa8fd97..b93fefb5bd7f 100644 --- a/src/material-examples/select-panel-class/select-panel-class-example.ts +++ b/src/material-examples/select-panel-class/select-panel-class-example.ts @@ -1,4 +1,4 @@ -import {Component} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import {FormControl} from '@angular/forms'; /** @@ -8,6 +8,9 @@ import {FormControl} from '@angular/forms'; selector: 'select-panel-class-example', templateUrl: 'select-panel-class-example.html', styleUrls: ['select-panel-class-example.css'], + // Encapsulation has to be disabled in order for the + // component style to apply to the select panel. + encapsulation: ViewEncapsulation.None, }) export class SelectPanelClassExample { panelColor = new FormControl('red');