Question

  <a *ngIf="userBS$ | async"
    [routerLink]="{{ '/profile/'+(userBS$ | async)?.uid }}">
  </a>

用户是行为主题定义行：

this.userBS$ = new BehaviorSubject<any>(this.currentUser);

以下是错误消息：

compiler.js：466未捕获错误：模板解析错误：解析器错误：   得到插值（{{}}），其中表达式预期在第0列   在[{{'/ profile /'+（userBS $ | async）？。uid}}]中   ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4（“   ] [routerLink] =“{{'/ profile /'+（userBS $ | async）？。uid}}”＆gt;         {{（authServic“）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   分析器错误：意外的令牌{，期望的标识符，关键字或   字符串位于[{{'/ profile /'+（userBS $ | async）？。uid}}]中的第2列   ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4（“   ] [routerLink] =“{{'/ profile /'+（userBS $ | async）？。uid}}”＆gt;         {{（authServic“）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   分析器错误：缺少预期：在[{{的第58列   '/ profile /'+（userBS $ | async）？。uid}}] in   ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4（“   ] [routerLink] =“{{'/ profile /'+（userBS $ | async）？。uid}}”＆gt;         {{（authServic“）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   分析器错误：[{{中第58列的意外标记}   '/ profile /'+（userBS $ | async）？。uid}}] in   ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4（“   ] [routerLink] =“{{'/ profile /'+（userBS $ | async）？。uid}}”＆gt;         {{（authServic“）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   分析器错误：[{{第59列的意外标记'}'   '/ profile /'+（userBS $ | async）？。uid}}] in   ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4（“   ] [routerLink] =“{{'/ profile /'+（userBS $ | async）？。uid}}”＆gt;         {{（authServic“）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   分析器错误：得到插值（{{}}），其中表达式是预期的   在[{{'/ profile /'+（userBS $ | async）？。uid}}]的第0列中   ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4（“

  [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]   [错误 - ＆gt;]         [错误 - ＆gt;] {{（userBS $ | async）？。displayName}}                  [错误 - ＆gt;] {{（userBS $ | async）？。displayName}}                  [错误 - ＆gt;] {{（userBS $ | async）？。displayName}}                  [错误 - ＆gt;] {{（userBS $ | async）？。displayName}}                  [错误 - ＆gt;] {{（userBS $ | async）？。displayName}}                  {{（userBS $ | async）?. displayName}}         ] [src] =“user_image”class =“user-icon”＆gt; “）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@5:11   分析器错误：意外的令牌{，期望的标识符，关键字或   字符串位于[{{'/ profile /'+（userBS $ | async）？。uid}}]中的第2列   NG：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   （“同步”？。uid}}“＆gt;         {{（userBS $ | async）?. displayName}}         ] [src] =“user_image”class =“user-icon”＆gt; “）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@5:11   分析器错误：缺少预期：在[{{的第58列   '/ profile /'+（userBS $ | async）？。uid}}] in   NG：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   （“同步”？。uid}}“＆gt;         {{（userBS $ | async）?. displayName}}         ] [src] =“user_image”class =“user-icon”＆gt; “）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@5:11   分析器错误：[{{中第58列的意外标记}   '/ profile /'+（userBS $ | async）？。uid}}] in   NG：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   （“同步”？。uid}}“＆gt;         {{（userBS $ | async）?. displayName}}         ] [src] =“user_image”class =“user-icon”＆gt; “）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@5:11   分析器错误：[{{第59列的意外标记'}'   '/ profile /'+（userBS $ | async）？。uid}}] in   NG：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@3：4   （“同步”？。uid}}“＆gt;         {{（userBS $ | async）?. displayName}}         ] [src] =“user_image”class =“user-icon”＆gt; “）：ng：///AppHeaderNavbarModule/AppHeaderNavbarUserComponent.html@5:11       在syntaxError（compiler.js：466）       在TemplateParser.parse（compiler.js：24329）       在JitCompiler._parseTemplate（compiler.js：33716）       在JitCompiler._compileTemplate（compiler.js：33691）       在eval（compiler.js：33593）       在Set.forEach（）       在JitCompiler._compileComponents（compiler.js：33593）       在eval（compiler.js：33463）       at Object.then（compiler.js：455）       在JitCompiler._compileModuleAndComponents（compiler.js：33462）

Answer 1

请注意，建议不要使用" "＆amp; {{ }}语法在模板中的数据绑定中一起使用。 例如"{{ expression }}" 。所以只需从模板数据绑定中删除{{ }}，如下所示，

[routerLink]=" '/profile/'+(userBS$ | async)?.uid">

在角度模板

1 个答案: