Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

como component le mais de um arquivo .css no angular 17

Ola, como no Angular 17 coloco mais de um arquivo css no @component (styleUrl), o Angular antigo tinha um vetor

Antigo , Exemplo : linha >> styleUrl: ['./title.component.css' , './title.responsive.component.css']

no codigo abaixo fica como no Angular 17

  selector: 'app-title',
  standalone: true,
  imports: [],
  templateUrl: './title.component.html',
  styleUrl: './title.component.css'
})
export class TitleComponent {

}```
2 respostas
solução!

Olá, Rafael! Tudo bem?

No Angular 17, a forma de incluir múltiplos arquivos CSS em um componente ainda é através de um array no styleUrls.

@Component({
  selector: 'app-title',
  standalone: true,
  imports: [],
  templateUrl: './title.component.html',
  styleUrls: ['./title.component.css', './title.responsive.component.css']
})
export class TitleComponent {

}

Como você pode ver, basta usar styleUrls no plural e passar um array com os caminhos dos arquivos CSS que você deseja incluir. Isso deve funcionar perfeitamente no Angular 17.

Você pode ler mais sobre na documentação.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado

Muito obg