载荷styleUrl组件角度的条件

Question

我想在styleUrls中使用多CSS

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

我累了

Answer 1

您可以内联编写三元运算符：

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

Answer 2

您可以在内部使用三元运算符：

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

let condition = true

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