4
4
< div class ="container ">
5
5
< h1 > {{ article.title }}</ h1 >
6
6
7
- < article-meta [article] ="article ">
7
+ < app- article-meta [article] ="article ">
8
8
9
9
< span [hidden] ="!canModify ">
10
10
< a class ="btn btn-sm btn-outline-secondary "
@@ -20,19 +20,19 @@ <h1>{{ article.title }}</h1>
20
20
</ span >
21
21
22
22
< span [hidden] ="canModify ">
23
- < follow-button
23
+ < app- follow-button
24
24
[profile] ="article.author "
25
- (onToggle ) ="onToggleFollowing($event) ">
26
- </ follow-button >
25
+ (toggle ) ="onToggleFollowing($event) ">
26
+ </ app- follow-button>
27
27
28
- < favorite-button
28
+ < app- favorite-button
29
29
[article] ="article "
30
- (onToggle ) ="onToggleFavorite($event) ">
30
+ (toggle ) ="onToggleFavorite($event) ">
31
31
{{ article.favorited ? 'Unfavorite' : 'Favorite' }} Article < span class ="counter "> ({{ article.favoritesCount }})</ span >
32
- </ favorite-button >
32
+ </ app- favorite-button>
33
33
</ span >
34
34
35
- </ article-meta >
35
+ </ app- article-meta>
36
36
</ div >
37
37
</ div >
38
38
@@ -56,7 +56,7 @@ <h1>{{ article.title }}</h1>
56
56
< hr />
57
57
58
58
< div class ="article-actions ">
59
- < article-meta [article] ="article ">
59
+ < app- article-meta [article] ="article ">
60
60
61
61
< span [hidden] ="!canModify ">
62
62
< a class ="btn btn-sm btn-outline-secondary "
@@ -72,26 +72,26 @@ <h1>{{ article.title }}</h1>
72
72
</ span >
73
73
74
74
< span [hidden] ="canModify ">
75
- < follow-button
75
+ < app- follow-button
76
76
[profile] ="article.author "
77
- (onToggle ) ="onToggleFollowing($event) ">
78
- </ follow-button >
77
+ (toggle ) ="onToggleFollowing($event) ">
78
+ </ app- follow-button>
79
79
80
- < favorite-button
80
+ < app- favorite-button
81
81
[article] ="article "
82
- (onToggle ) ="onToggleFavorite($event) ">
82
+ (toggle ) ="onToggleFavorite($event) ">
83
83
{{ article.favorited ? 'Unfavorite' : 'Favorite' }} Article < span class ="counter "> ({{ article.favoritesCount }})</ span >
84
- </ favorite-button >
84
+ </ app- favorite-button>
85
85
</ span >
86
86
87
- </ article-meta >
87
+ </ app- article-meta>
88
88
</ div >
89
89
90
90
< div class ="row ">
91
91
< div class ="col-xs-12 col-md-8 offset-md-2 ">
92
92
93
93
< div *showAuthed ="true ">
94
- < list-errors [errors] ="commentFormErrors "> </ list-errors >
94
+ < app- list-errors [errors] ="commentFormErrors "> </ app- list-errors>
95
95
< form class ="card comment-form " (ngSubmit) ="addComment() ">
96
96
< fieldset [disabled] ="isSubmitting ">
97
97
< div class ="card-block ">
@@ -115,11 +115,11 @@ <h1>{{ article.title }}</h1>
115
115
< a [routerLink] ="['/login'] "> Sign in</ a > or < a [routerLink] ="['/register'] "> sign up</ a > to add comments on this article.
116
116
</ div >
117
117
118
- < article-comment
118
+ < app- article-comment
119
119
*ngFor ="let comment of comments "
120
120
[comment] ="comment "
121
121
(deleteComment) ="onDeleteComment(comment) ">
122
- </ article-comment >
122
+ </ app- article-comment>
123
123
124
124
</ div >
125
125
</ div >
0 commit comments