这个问题的答案是什么

Question

我得到了一个问题的访谈。访调员问该代码在Angular中意味着什么？

代码;

<app-main [type]="text"></app-main>

Answer 1

是使用 [] anotation

的属性绑定语法

您正在将text变量值从组件传递到子组件app-main

在app-main中，它期望像这样的值

会传递一定的价值

@Input() type: string;

您可以在此处阅读更多

Answer 2

它是您当前所在的视图提供给应用程序组件的输入。为此，您使用的@Input装饰具有相同的名称，该名称已在[xyz]下传递。因此，在应用程序组件中，您将变量声明为@Input('xyz',{static:true / false }) myVariableInAppComp ;

现在可以随意在您的应用程序组件中使用myVariableInAppComp。

在这里static:true /false参考您可以查看的生命周期钩。