Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度2,样式URL+;风格_Angular_Typescript - Fatal编程技术网

Angular 角度2,样式URL+;风格

Angular 角度2,样式URL+;风格,angular,typescript,Angular,Typescript,我无法在组件中同时使用样式URL+样式(看起来是最后声明的那个被使用)。最好的办法是什么 我想使用/board.component.css来声明基本样式,但想添加terrainStyles字符串,该字符串是使用数据库中的逻辑+数据生成的 我知道我可以把我所有的样式都写成字符串,但是我想把我的大多数样式保存在css文件中。有没有一种在css文件中包含逻辑的好方法?还是我没考虑过的 Component({ selector: 'board', templateUrl: './board.co

我无法在组件中同时使用
样式URL
+
样式
(看起来是最后声明的那个被使用)。最好的办法是什么

我想使用
/board.component.css
来声明基本样式,但想添加
terrainStyles
字符串,该字符串是使用数据库中的逻辑+数据生成的

我知道我可以把我所有的样式都写成字符串,但是我想把我的大多数样式保存在css文件中。有没有一种在css文件中包含逻辑的好方法?还是我没考虑过的

Component({
  selector: 'board',
  templateUrl: './board.component.html',
  styleUrls: ['./board.component.css'],
  styles: [terrainStyles] // string generated using typescript logic
})
export class BoardComponent implements OnInit {
  // ...
}

我正在使用Webpack,在尝试同时使用
样式
样式URL
属性时遇到了相同的问题

我在
style
属性中使用了我在
styleurl
中定义的样式表

styles: ['.something { display: block; }', require('./stylesheet.component.css')]

CSS
@import
规则