Angular 2,StyleUrls +样式

时间:2017-04-04 02:25:09

标签: angular typescript

我无法在Component中同时使用styleUrls + styles(无论最后使用哪个都会出现)。解决这个问题的最佳方法是什么?

我想使用./board.component.css来声明基本样式,但是想要添加使用来自DB的逻辑+数据生成的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 {
  // ...
}

1 个答案:

答案 0 :(得分:1)

我正在使用Webpack,并且在尝试同时使用stylesstyleUrls属性时遇到了同样的问题。

我通过要求我在styleUrls属性style中定义的样式表来解决它。

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