Angular CLI，NativeElement.style-所有属性都为空，为什么？

我发现每当我试图控制台.logelementRef.NativeElement.style；，里面的所有属性都是空的

我试过了ViewInit和AfterViewInit，运气不好

这是

实际问题是：

-为什么会这样？ -如何从SCS或SCC文件设置NativeElement.style属性。。。？

---

谢谢这里没有错误。您正在尝试访问angular元素的内联样式

如果要向元素添加内联样式，您会注意到代码返回一个值：

---

private elRef:ElementRef提供对angular component应用程序mycomp的引用。

angular与React的工作原理不同

这些样式不会内联应用于DOM元素，而是作为封装样式注入HTML标头

如果您有component.scss：

：主持人{ 宽度：100%； } 样式被注入到标题中，如下所示：

应用程序示例[\u ngcontent-c]{ 宽度：100%； } 这些样式应用于零部件的实例：

其中Angular设置属性_ngcontent-c以匹配组件的视图封装模式

这是React中缺少的东西，我不认为有一种类似的方法可以做同样的事情。主要原因是Angular是唯一具有组件视图抽象的框架，因此Angular渲染器可以封装它

---

我希望这能回答您的问题，因为这似乎是React开发人员需要的东西。

太好了。这正是我想要的。非常感谢@Reactgular