Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commite4557bd

Browse files
committed
fixed
1 parent46a90a6 commite4557bd

File tree

4 files changed

+11
-11
lines changed

4 files changed

+11
-11
lines changed

‎docs/message-component.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@ button.clear {
202202

203203

204204

205-
执行`ng serve`命名以启动应用。访问<http://localhost:4200/>滚动到底部，就会在消息区看到来自 HeroService 的消息。点击“清空”按钮，消息区不见了。
205+
执行`ng serve`命令以启动应用。访问<http://localhost:4200/>滚动到底部，就会在消息区看到来自 HeroService 的消息。点击“清空”按钮，消息区不见了。
206206

207207

208208

‎docs/user-detail-componet.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
#多组件化开发
22

33

4-
本节，要把原来的 UsersComponent 重构成为 UsersComponent、UserDetailComponent 两个组件。多组件开发的方式以下优化：
4+
本节，要把原来的 UsersComponent 重构成为 UsersComponent、UserDetailComponent 两个组件。多组件开发的方式具有以下优势：
55

66
* 通过缩减 UsersComponent 的职责简化了该组件。
77
* 可以把 UserDetailComponent 改进成一个功能丰富的用户编辑器，而不用改动父组件 UsersComponent。
@@ -111,7 +111,7 @@ export class UserDetailComponent implements OnInit {
111111
##编辑 users.component.html
112112

113113

114-
UserDetailComponent 的选择器是 'app-user-detail'。 把 <app-user-detail> 添加到 UsersComponent 模板 users.component.html 的底部，以便把用户详情的视图显示到那里。
114+
UserDetailComponent 的选择器是 'app-user-detail'。 把`<app-user-detail>` 添加到 UsersComponent 模板 users.component.html 的底部，以便把用户详情的视图显示到那里。
115115

116116
把 UsersComponent.selectedUser 绑定到该元素的 user 属性，就像这样：
117117

@@ -124,7 +124,7 @@ UserDetailComponent 的选择器是 'app-user-detail'。 把 <app-user-detail>
124124

125125
这是一种单向数据绑定。从 UsersComponent 的 selectedUser 属性绑定到目标元素的 user 属性，并映射到了 UserDetailComponent 的 user 属性。
126126

127-
现在，当用户在列表中点击某个用户时，selectedUser 就改变了。 当 selectedUser 改变时，属性绑定会修改 UserDetailComponent 的userUserDetailComponent 就会显示这个新的用户信息。
127+
现在，当用户在列表中点击某个用户时，selectedUser 就改变了。 当 selectedUser 改变时，属性绑定会修改 UserDetailComponent 的user属性，UserDetailComponent 就会显示这个新的用户信息。
128128

129129
修改后的 UsersComponent 的模板 users.component.html 是这样的：
130130

@@ -145,6 +145,6 @@ UserDetailComponent 的选择器是 'app-user-detail'。 把 <app-user-detail>
145145
##运行
146146

147147

148-
执行`ng serve`命名以启动应用。效果如下：
148+
执行`ng serve`命令以启动应用。效果如下：
149149

150150
![](../images/user-detail/user-detail.jpg)

‎docs/user-list.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -46,9 +46,9 @@ users = USERS;
4646
```
4747

4848

49-
##使用*ngFor 列出这些用户
49+
##使用`*ngFor` 列出这些用户
5050

51-
*ngFor 是一个 Angular 的复写器（repeater）指令。 它会为列表中的每项数据复写它的宿主元素。类似于 Java 或者 JavaScript 中的 for-each 循环。
51+
`*ngFor` 是一个 Angular 的复写器（repeater）指令。 它会为列表中的每项数据复写它的宿主元素。类似于 Java 或者 JavaScript 中的 for-each 循环。
5252

5353
用法如下：
5454

@@ -58,7 +58,7 @@ users = USERS;
5858

5959
在这个例子中,
6060

61-
*`<li>` 就是*ngFor 的宿主元素
61+
*`<li>` 就是``*ngFor`` 的宿主元素
6262
* users 就是来自 UsersComponent 类的列表。
6363
* 当依次遍历这个列表时，user 会为每个迭代保存当前的用户象。
6464

@@ -158,9 +158,9 @@ users = USERS;
158158
<li*ngFor="let user of users"(click)="onSelect(user)">
159159
```
160160

161-
click 外面的圆括号会让 Angular 监听这个 <li> 元素的 click 事件。 当用户点击 <li> 时，Angular 就会执行表达式 onSelect(user)。
161+
click 外面的圆括号会让 Angular 监听这个 <li> 元素的 click 事件。 当用户点击`<li>` 时，Angular 就会执行表达式 onSelect(user)。
162162

163-
onSelect() 是 UsersComponent 上的一个方法，接下来就会实现它。 Angular 会把所点击的 <li> 上的 user 对象传给它，这个 user 也就是前面在*ngFor 表达式中定义的那个。
163+
onSelect() 是 UsersComponent 上的一个方法，接下来就会实现它。 Angular 会把所点击的`<li>` 上的 user 对象传给它，这个 user 也就是前面在`*ngFor` 表达式中定义的那个。
164164

165165

166166
修改 src/app/users/users.component.ts 把该组件的 user 属性改名为 selectedUser ，但不要为它赋值。 因为应用刚刚启动时并没有所选用户。

‎docs/user-service.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@ getUsers(): User[] {
105105

106106
默认情况下，Angular CLI 命令 ng generate service 会通过给@Injectable 装饰器添加元数据的形式，为该服务把提供商注册到根注入器上。
107107

108-
如果你看看 UserService紧前面的@Injectable() 语句定义，就会发现 providedIn 元数据的值是 'root'：
108+
如果你看看 UserService前面的@Injectable() 语句定义，就会发现 providedIn 元数据的值是 'root'：
109109

110110
```ts
111111
@Injectable({

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp