Question

在component.html中使用1) TesseractOCR.framework会导致浏览器冻结。但是，在component.ts中订阅tessdata可以将信息正确输出到控制台。

请注意，appUser $的类型为：single view app，其中AppUser是在界面中使用字段名称，电子邮件和isAdmin定义的。

控制台不会输出任何异常。

navbar.component.html ：（浏览器在这里冻结！）

tessdata

navbar.component.ts ：（浏览器不会冻结！）

Error:In <declare-styleable> FontFamilyFont, unable to find attribute android:font
Error:In <declare-styleable> FontFamilyFont, unable to find attribute android:fontWeight
Error:Execution failed for task ':app:processDebugResources'.
> com.android.ide.common.process.ProcessException: Failed to execute aapt

auth.appUser$是在auth.service.ts中定义的可观察变量：

auth.appUser$

Answer 1

请尝试将大括号中的异步变量翘曲

*ngIf="(auth.appUser$ | async) as user; else anonymousUser"

替代

<ng-container *ngIf="(auth.appUser$ | async) as user; else anonymousUser">
  <li> content... </li>
</ng-container>

在模板中使用Observable会冻结浏览器

1 个答案: