Angular 内置指令在根组件上不起作用_Angular_Angular Directive_Property Binding

Angular 内置指令在根组件上不起作用

angular

Angular 内置指令在根组件上不起作用,angular,angular-directive,property-binding,Angular,Angular Directive,Property Binding,在我的应用程序中，根组件是approot。当我将属性绑定设置为 <body> <app-root [style.display]="'none'"></app-root> </body> 绑定被忽略了。我的终端或控制台都没有错误。同样的情况也发生在 <body> <app-root [ngClass]="'someClass'"></app-root>

在我的应用程序中，根组件是

approot

。当我将属性绑定设置为

<body>
    <app-root [style.display]="'none'"></app-root>
</body>

绑定被忽略了。我的终端或控制台都没有错误。同样的情况也发生在

<body>
    <app-root [ngClass]="'someClass'"></app-root>
</body>

这些组件可以与其他嵌套组件配合使用，例如

<head-comp [ngClass]="'someClass'"></head-comp>

但不是我的根组件

我已经多次尝试重新启动服务器并刷新页面，但问题仍然存在。

首先，这不是在标记中写入一个单词的正确方法，因为它表现为模板指令，或者您可以说空框由app.component.html内容填充

问题可能是主元素不是要应用样式的组件的一部分

您可以添加它，它应该正确地定位该组件

:host {
    width: 100%;
    height: 100%;
}

：host用于对宿主元素（例如）进行寻址。

您可以这样实现它：

导出类AppComponent{
@主机绑定（'class'）获取类（）{
if（false）{
返回“不隐藏”；
}
返回“隐藏”；
}

：host.hide{
显示：无；
}

在何处/如何使用正在引导的根组件？如果在其自己的模板中调用它，将导致堆栈溢出error@eko我已经编辑了我的问题以提供额外的上下文。我正在引导

应用程序根

组件。哦，那么你正在尝试在

index.html

中编写Angular。我很抱歉你做不到that@eko那么，如何动态地将class属性设置为

标记呢？我想使用

ngClass

。何时调用

class（）

？如果

AppComponent类的任何成员变量发生更改，是否会调用它？嘿，请检查：。它应该在每个更改检测周期中触发。