iSharkFly-Docs/angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: improve accessibility for toh-pt1 example (#40560)

Browse Source 
PR Close #40560
This commit is contained in:
Kapunahele Wong 2021-01-25 14:07:13 -05:00 committed by atscott
parent 1f91672d50
commit 06d3267824
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
aio/content/examples/toh-pt1/src/app/heroes/heroes.component.1.html
View File

@ -1,17 +1,16 @@
<!-- #docregion show-hero-1 --> <!-- #docregion show-hero-1 -->
{{hero}} <h2>{{hero}}</h2>
<!-- #enddocregion show-hero-1 --> <!-- #enddocregion show-hero-1 -->
<!-- #docregion show-hero-2 --> <!-- #docregion show-hero-2 -->
<h2>{{hero.name}} Details</h2> <h3>{{hero.name}} Details</h3>
<div><span>id: </span>{{hero.id}}</div> <div><span>id: </span>{{hero.id}}</div>
<div><span>name: </span>{{hero.name}}</div> <div><span>name: </span>{{hero.name}}</div>
<!-- #enddocregion show-hero-2 --> <!-- #enddocregion show-hero-2 -->
<!-- #docregion name-input --> <!-- #docregion name-input -->
<div> <div>
<label>name: <label for='name'>Hero name: </label>
<input [(ngModel)]="hero.name" placeholder="name"/> <input id='name' [(ngModel)]="hero.name" placeholder="name">
</label>
</div> </div>
<!-- #enddocregion name-input --> <!-- #enddocregion name-input -->

3
aio/content/examples/toh-pt1/src/app/heroes/heroes.component.css
View File

@ -0,0 +1,3 @@
input {
padding: .5rem;
}

5
aio/content/examples/toh-pt1/src/app/heroes/heroes.component.html
View File

@ -4,7 +4,6 @@
<!-- #enddocregion pipe --> <!-- #enddocregion pipe -->
<div><span>id: </span>{{hero.id}}</div> <div><span>id: </span>{{hero.id}}</div>
<div> <div>
<label>name: <label for='name'>Hero name: </label>
<input [(ngModel)]="hero.name" placeholder="name"/> <input id='name' [(ngModel)]="hero.name" placeholder="name">
</label>
</div> </div>