Angular2 ng-content scss嵌套样式和StyleUrls在使用时不起作用:host

时间:2016-11-07 18:55:36

标签: angular sass angular2-ngcontent

我正在构建一个使用inside_ROI = function(your_ROI_zip,your_coords){ # Helper function will take list from zip ROIs and merge them into a df qq=extract_coords(your_ROI_zip) # We use tag for splitting by the region lista=split(qq,qq$tag) # We check if they are in or out who_is_in = lapply(lista,function(t) in.out(cbind(t$x,t$y),x=cbind(your_coords$x,your_coords$y))) # We sum to get the by area countings region_sums = unlist(lapply(who_is_in,function(t) sum(as.numeric(t)))) # obtain indices for subset of TRUE values aa=lapply(who_is_in,function(p) which(p==T)) whos_coords=list() for (i in aa){ whos_coords = append(whos_coords,values=list(your_coords[i,])) # whos_coords[[i]] = your_coords[i,] } # Change names names(whos_coords) = names(aa) # Put into list for more than one output out=list(region_sums,aa,whos_coords) return(out) } 的组件,我发现在使用ng-content

时我无法使用嵌套的scss或StylesUrl

例如:

:host >>>

任何人都可以告诉我为什么:host >>> .toolbar-brand{ color: red; font-weight: 500; text-decoration: none; font-size: 16px; text-transform: uppercase; } :host >>> .nav-bar-menu-options.hlink, .nav-bar-menu-options.drop-down{ font-weight: 500; text-decoration: none; position: relative; top: -6px; font-size: 16px; text-transform: uppercase; padding: 0 10px 0 10px; &.has-divider { border-right: 1px solid #b0bec5; } } :host >>> .nav-bar-menu-options.hlink:hover { text-decoration: underline; cursor: pointer; } :host >>> .fill-remaining-space { flex: 1 1 auto; } :host >>> .search-link { cursor: pointer; } :host >>>.search-input-container{ position:relative; .search-link{ position: absolute; top: 3px; left:30px; } } :host >>> .my-input{ border-left: 1px solid #b0bec5; padding: 11px 75px 11px 60px; background: transparent; outline:none; margin-left: 20px; width: 100%; &::placeholder { } } &我的嵌套.has-divider不起作用,以及为什么当我将内容放在.scss文件中并使用.search-link时,它不能与styleUrls一起使用。这是预期的还是可能的Bug

我希望能够仍然使用嵌套的scss和外部scss文件

1 个答案:

答案 0 :(得分:2)

众所周知,

>>>会导致SASS出现问题。请改用/deep/