비동기 파이프의 결과를 각도로 저장하는 방법
codever
- 파일: snippet-details.component.html
async
파이프를 사용하고 나중에 사용할 수 있도록 변수에 저장합니다*ngIf="(snippet$ | async) as snippet"
. 사용이 포함된 전체 스니펫 예제 아래:<div *ngIf="(snippet$ | async) as snippet" class="card">
<div class="card-body show-hide">
<div class="header-wrapper">
<div class="titles">
<h4 *ngIf='inlist; else hyperLinkTitle' class="card-title">
<span *ngIf="snippet.public; else linkToPrivateSnippet">
<i class="fas fa-eye fa-xs mr-2" title="Public snippet"></i>
<a routerLink="/snippets/{{snippet._id}}/details"
[innerHtml]="snippet.title | highlight: queryText"></a> </span>
<ng-template #linkToPrivateSnippet>
<span>
<i class="fas fa-eye-slash fa-xs mr-2" title="Private snippet"></i>
<a routerLink="/my-snippets/{{snippet._id}}/details"
[innerHtml]="snippet.title | highlight: queryText"></a>
</span>
</ng-template>
</h4>
<ng-template #hyperLinkTitle>
<h4 class="card-title">
<i *ngIf="snippet.public; else linkToPrivateSnippet" class="fas fa-eye fa-xs mr-1"
title="Public snippet"></i>
<ng-template #linkToPrivateSnippet>
<i class="fas fa-eye-slash fa-xs mr-1" title="Private snippet"></i>
</ng-template>
{{snippet.title}} <span *ngIf="snippet.public === false; else publicPill"
class="badge badge-pill badge-light ml-3 font-weight-normal">Private</span>
<ng-template #publicPill>
<span class="badge badge-pill badge-light ml-3 font-weight-normal">Public</span>
</ng-template>
</h4>
</ng-template>
<h6 class="card-subtitle mb-2 text-muted url-under-title">
<span *ngIf="snippet.sourceUrl"><strong>Ref</strong> -
<span
*ngIf="snippet.sourceUrl.startsWith('http:') || snippet.sourceUrl.startsWith('https:'); else justText">
<a href="{{snippet.sourceUrl}}" target="_blank">{{snippet.sourceUrl}}</a>
<sup class="ml-1"><i class="fas fa-external-link-alt"></i></sup>
</span>
<ng-template #justText>
<span>{{snippet.sourceUrl}}</span>
</ng-template>
</span>
</h6>
</div>
</div>
<hr class="title-content-separator">
<app-codelet-card-body [codelet]="snippet" [queryText]="queryText" [inList]="inlist"></app-codelet-card-body>
</div>
</div>
Shared ❤️ from Codever. 👉 use the copy to mine functionality to add it to your personal snippets collection.
Reference
이 문제에 관하여(비동기 파이프의 결과를 각도로 저장하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/codever/how-to-store-result-from-async-pipe-in-angular-a0k텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)