带有浏览器前缀的Angular 2样式

这不起作用：

<div [style.-moz-column-count]="columns"></div>
<div [ngStyle]="{'-moz-column-count': columns}"></div>
<div style="-moz-column-count: {{columns}}"></div>

---

使用这个属性有什么想法吗？

我认为使用angular2

ngStyle

是不可能的

您可以使用

ngClass

选项和SCS，如下所示：

@for $i from 1 through 6 {
    .columns-#{$i} {
        -webkit-column-count: #{$i};
        -moz-column-count: #{$i};
        column-count: #{$i};
    }
}

this.style = {
  "MozColumnCount": 3,
  "column-count": 3,
}

<div [ngStyle]="style">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.  
</div>

---

你需要这样写：

@for $i from 1 through 6 {
    .columns-#{$i} {
        -webkit-column-count: #{$i};
        -moz-column-count: #{$i};
        column-count: #{$i};
    }
}

this.style = {
  "MozColumnCount": 3,
  "column-count": 3,
}

<div [ngStyle]="style">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.  
</div>

this.style={
“MozColumnCount”：3，
“列计数”：3，
}
这是一位杰出的领袖，他是一位伟大的领袖。但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。在亨德雷特的两个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里。不受时间和解决方案的限制，不受限制，不受限制，不受限制。典型的非哈本语；这通常是法律依据。调查显示莱克托雷斯·勒盖尔·勒格斯·库德·勒格特·萨皮乌斯。

我想到了这一点，但我正在寻找另一个解决方案。更简单的是，这不起作用：

这.renderer.setElementStyle（this.ele.nativeElement，'-moz column count'，5）

我在firefox 49中测试了这段代码，它不起作用，但在firedox developer edition中代码确实起作用。必须是firefox版本问题，否则答案应该是，

[style.column count]=“5”

适用于开发者版。但我认为这不是问题，因为在以前的版本中不起作用。看这个：不支持unfixed！！！您可以使用CamelCase来避免破折号。。。我不知道。很好的观点！