Angular 自定义指令--分析器错误：获取了预期表达式所在的插值（{}}）

我已经创建了一个自定义指令

appFade

，并试图将其添加到子组件中，如下所示。当这样做时，我得到了“解析器错误：得到了预期表达式的插值（{{}）。”罪魁祸首是：

[appFade]=“{{true}}”

。我在上面看到：

{{}}从不与[prop]=“…”或（event）=“…”一起使用。

我尝试摆脱插值和/或

[]

和许多其他排列，但到目前为止没有任何效果。你知道我该如何修改我的代码吗

自定义指令“appFade”：

HTML文件：

  <app-repository-display [searchResults]="searchResults.repositories" [appFade]="{{true}}"></app-repository-display>

您需要在标记中使用

appFade fade=“true”

，然后创建一个

@Input（）fade:boolean以接收此值。如果您的目标只是向组件添加淡入淡出参数，那么您应该将其配置为输入，而不是定义自定义指令。
谢谢！这很有效。我还意识到，如果我想让它一直工作，我甚至不需要fade=“true”。appFade独自一人工作，没错。但本质上你可以将它绑定到类似于
[fade]=“togglefadstate”
的东西上，这就是绑定的作用。非常感谢。好奇为什么在您的初始响应中使用fade=“true”，但在[fade]=“togglefadstate”中使用“[]”（方括号）的[fade]。我试图明确地了解什么时候需要“方括号”，什么时候不需要。Tks！
  <app-repository-display [searchResults]="searchResults.repositories" [appFade]="{{true}}"></app-repository-display>