style in component angular code example

Example 1: ng style

<some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>

Example 2: ng-deep

::ng-deep{
	// some css
}

Example 3: styles in angular component

@Component({
  selector: 'app-root',
  template: `
    <h1>Tour of Heroes</h1>
    <app-hero-main [hero]="hero"></app-hero-main>
  `,
  styles: ['h1 { font-weight: normal; }']
})
export class HeroAppComponent {
/* . . . */
}

Example 4: angular inline component

> ng generate component <component-name> --inlineTemplate=true --inlineStyle=true

Tags:

Shell Example

Related