mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
9366a3c5f3
improve the http aio example by: - adding a background color to the messages section so that it can be distinguished from the others - avoid using `hr` elements to divide the various sections, use css instead (so that the divisions can also be omitted when the sections are not being shown) - fix the erroneous presence of an input text element inside a button (see: https://github.com/angular/angular/pull/44557#discussion_r787239658) PR Close #44986
46 lines
1 KiB
HTML
46 lines
1 KiB
HTML
<h1>HttpClient Example</h1>
|
|
<div class="checkboxes">
|
|
<label>
|
|
<input type="checkbox" [checked]="showHeroes" (click)="toggleHeroes()">
|
|
Heroes
|
|
</label>
|
|
|
|
<label>
|
|
<input type="checkbox" [checked]="showConfig" (click)="toggleConfig()">
|
|
Config
|
|
</label>
|
|
|
|
<label>
|
|
<input type="checkbox" [checked]="showDownloader" (click)="toggleDownloader()">
|
|
Downloader
|
|
</label>
|
|
|
|
<label>
|
|
<input type="checkbox" [checked]="showUploader" (click)="toggleUploader()">
|
|
Uploader
|
|
</label>
|
|
|
|
<label>
|
|
<input type="checkbox" id="search" [checked]="showSearch" (click)="toggleSearch()">
|
|
Search
|
|
</label>
|
|
</div>
|
|
|
|
<section>
|
|
<app-messages></app-messages>
|
|
</section>
|
|
<section *ngIf="showHeroes">
|
|
<app-heroes></app-heroes>
|
|
</section>
|
|
<section *ngIf="showConfig">
|
|
<app-config></app-config>
|
|
</section>
|
|
<section *ngIf="showDownloader">
|
|
<app-downloader></app-downloader>
|
|
</section>
|
|
<section *ngIf="showUploader">
|
|
<app-uploader></app-uploader>
|
|
</section>
|
|
<section *ngIf="showSearch">
|
|
<app-package-search></app-package-search>
|
|
</section>
|