angular - 组件 Angular 中加载 styleUrls 的条件

Question

我想在 styleUrls 中使用多 CSS

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [condition 'if' for Which load css]
})

我累了

Answer 1

你可以在里面使用三元运算符:

const url1 = './foo.css';
const url2 = './bar.css';

let condition = true

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [condition ? url1 : url2]
})