1
00:00:03,680 --> 00:00:07,095
Давайте продолжим работу над

2
00:00:07,095 --> 00:00:12,080
одностраничным приложением, которое мы разрабатываем в наших упражнениях.

3
00:00:12,080 --> 00:00:16,480
До сих пор мы интегрировали домашний компонент,

4
00:00:16,480 --> 00:00:23,610
компонент меню и компонент контакта в наше одностраничное приложение.

5
00:00:23,610 --> 00:00:29,080
Компонент детализации блюда в настоящее время используется в нижней части компонента меню.

6
00:00:29,080 --> 00:00:32,020
Итак, когда вы нажимаете на любой из пунктов меню,

7
00:00:32,020 --> 00:00:35,450
детали блюда отображаются прямо ниже в меню.

8
00:00:35,450 --> 00:00:40,290
Теперь мы собираемся использовать еще одну поддержку, которую предоставляет модуль углового маршрутизатора,

9
00:00:40,290 --> 00:00:47,820
, которая позволяет нам определить маршрут с параметром, включенным в определение маршрута.

10
00:00:47,820 --> 00:00:52,520
Таким образом, мы можем передавать информацию другому компоненту

11
00:00:52,520 --> 00:00:53,880
, а затем оттуда

12
00:00:53,880 --> 00:00:56,175
отображать информацию в другом компоненте.

13
00:00:56,175 --> 00:00:57,770
Как это работает?

14
00:00:57,770 --> 00:01:01,770
Давайте узнаем это, выполняя это упражнение.

15
00:01:01,770 --> 00:01:04,755
Итак, возвращаясь к нашему приложению

16
00:01:04,755 --> 00:01:08,140
в данном приложении, когда вы смотрите в меню,

17
00:01:08,140 --> 00:01:10,205
при нажатии на любой пункт в меню,

18
00:01:10,205 --> 00:01:15,920
детали выбранного пункта отображаются прямо ниже в меню.

19
00:01:15,920 --> 00:01:19,940
Теперь я хотел бы разделить вид деталей

20
00:01:19,940 --> 00:01:24,795
этого конкретного блюда на свой собственный отдельный вид.

21
00:01:24,795 --> 00:01:27,235
Когда я нажимаю на любой из них,

22
00:01:27,235 --> 00:01:30,360
Я хочу иметь возможность отображать детали блюда,

23
00:01:30,360 --> 00:01:34,780
конкретно в представлении в этом приложении.

24
00:01:34,780 --> 00:01:39,235
Чтобы достичь этого, мы собираемся воспользоваться, как я уже сказал,

25
00:01:39,235 --> 00:01:43,985
с параметрами маршрута, чтобы дать возможность

26
00:01:43,985 --> 00:01:48,220
нам поддерживать такое поведение в нашем приложении.

27
00:01:48,220 --> 00:01:50,050
Как нам это делать?

28
00:01:50,050 --> 00:01:57,025
Давайте сделаем это, начав с определения нового маршрута с параметром здесь.

29
00:01:57,025 --> 00:02:00,305
Чтобы использовать компонент детализации блюда,

30
00:02:00,305 --> 00:02:02,455
мы перейдем в маршруты,

31
00:02:02,455 --> 00:02:06,850
, а затем определим новый маршрут после меню здесь.

32
00:02:06,850 --> 00:02:10,010
Посмотрите, как здесь определен маршрут.

33
00:02:10,010 --> 00:02:16,595
Итак, это путь, dishdetail.

34
00:02:16,595 --> 00:02:20,225
Итак, эта деталь блюда является частью компонента детализации блюда.

35
00:02:20,225 --> 00:02:22,190
Итак, у него есть своя точка зрения.

36
00:02:22,190 --> 00:02:25,330
Теперь я хочу иметь возможность перейти к этому представлению

37
00:02:25,330 --> 00:02:27,890
, но с идентификатором параметра

38
00:02:27,890 --> 00:02:33,750
, потому что этот вид детали блюда может отображать любое из блюд в моем меню.

39
00:02:33,750 --> 00:02:38,790
Итак, я хочу иметь возможность отображать выбранное блюдо в деталях блюдо.

40
00:02:38,790 --> 00:02:40,710
Теперь, это выбранное блюдо будет иметь идентификатор,

41
00:02:40,710 --> 00:02:45,879
, и я хочу передать этот идентификатор в мое блюдо подробные компоненты,

42
00:02:45,879 --> 00:02:50,025
, чтобы он мог отображать детали этого конкретного блюда.

43
00:02:50,025 --> 00:02:53,480
Итак, в угловом маршрутизаторе

44
00:02:53,480 --> 00:02:59,150
он поддерживает передачу параметров путем определения параметров маршрута, как это,

45
00:02:59,150 --> 00:03:02,220
в определении самого маршрутизатора.

46
00:03:02,220 --> 00:03:03,260
Итак, в пределах пути,

47
00:03:03,260 --> 00:03:04,525
, если я скажу двоеточие,

48
00:03:04,525 --> 00:03:10,050
, чтобы двоеточие могло сопровождаться именем, которое будет действовать как параметр маршрута.

49
00:03:10,050 --> 00:03:14,650
Итак, в этом случае я собираюсь использовать имя параметра в качестве идентификатора.

50
00:03:14,650 --> 00:03:21,165
Этот идентификатор относится к идентификатору блюда, которое мы уже дали каждому из наших блюд.

51
00:03:21,165 --> 00:03:27,055
Теперь, это приведет меня к компоненту детали блюда.

52
00:03:27,055 --> 00:03:35,040
Итак, мы добавим этот новый маршрут к определению Углового маршрута здесь.

53
00:03:35,040 --> 00:03:36,565
Сохраните изменения.

54
00:03:36,565 --> 00:03:39,960
Теперь, в компоненте меню,

55
00:03:39,960 --> 00:03:45,805
поэтому, когда я открываю файл шаблона компонентов меню,

56
00:03:45,805 --> 00:03:47,470
в компоненте меню,

57
00:03:47,470 --> 00:03:50,350
Я показываю блюдо внизу здесь.

58
00:03:50,350 --> 00:03:51,625
Так что я не хочу этого делать.

59
00:03:51,625 --> 00:03:57,335
Итак, я собираюсь удалить эту часть из моего шаблона компонентов меню.

60
00:03:57,335 --> 00:04:01,630
Вместо этого я понимаю, что прямо там,

61
00:04:01,630 --> 00:04:05,015
я могу получить доступ к конкретному блюду.

62
00:04:05,015 --> 00:04:07,680
Итак, когда блюдо нажата,

63
00:04:07,680 --> 00:04:10,080
вместо этого нажмите здесь,

64
00:04:10,080 --> 00:04:13,490
, поэтому я собираюсь удалить этот клик здесь, и вместо этого,

65
00:04:13,490 --> 00:04:23,940
я собираюсь определить новый параметр здесь называется routerLink.

66
00:04:25,790 --> 00:04:30,710
Вы увидите использование routerLink здесь.

67
00:04:30,710 --> 00:04:37,460
Теперь этот routerLink принимает значения, которые вы можете указать в своем шаблоне, как это.

68
00:04:37,460 --> 00:04:42,190
Итак, вы можете предоставить это как массив здесь.

69
00:04:42,190 --> 00:04:49,550
Внутри массива вы можете предоставить две части массива.

70
00:04:49,550 --> 00:04:51,195
Итак, блюдо.

71
00:04:51,195 --> 00:04:55,360
Итак, вы видели, что когда я определял маршрут, я сказал «/dishdetail/:id».

72
00:04:56,560 --> 00:05:03,320
Таким образом, угловой маршрутизатор будет передавать любой параметр, который я поставляю

73
00:05:03,320 --> 00:05:09,340
здесь как часть второй части этого URL-адреса.

74
00:05:09,340 --> 00:05:11,700
Итак, теперь, наряду с деталью блюда,

75
00:05:11,700 --> 00:05:15,820
я собираюсь построить свой routerLink, используя деталь блюда,

76
00:05:15,820 --> 00:05:19,165
, а также идентификатор блюда здесь.

77
00:05:19,165 --> 00:05:22,580
Итак, этот идентификатор блюда относится к конкретному блюду, которое я выбрал

78
00:05:22,580 --> 00:05:26,710
из массива блюд здесь.

79
00:05:26,710 --> 00:05:27,950
Итак, это блюдо ID,

80
00:05:27,950 --> 00:05:29,830
У меня есть доступ к нему здесь.

81
00:05:29,830 --> 00:05:38,120
Итак, я собираюсь использовать это как вторую часть внутри этого массива параметров,

82
00:05:38,120 --> 00:05:41,025
, что я собираюсь передать для моего routerLink здесь.

83
00:05:41,025 --> 00:05:42,970
Итак, если я определяю его так,

84
00:05:42,970 --> 00:05:48,270
тогда, когда я нажимаю на этот конкретный пункт в моем меню,

85
00:05:48,270 --> 00:05:51,030
то, что подробно, идентификатор блюда,

86
00:05:51,030 --> 00:05:53,385
вместе с этим dishdetail,

87
00:05:53,385 --> 00:05:55,285
будет передан в качестве ссылки маршрутизатора.

88
00:05:55,285 --> 00:05:59,765
Таким образом, эта информация теперь будет доступна через

89
00:05:59,765 --> 00:06:04,600
мои угловые маршрутизаторы к моим деталям блюдо.

90
00:06:04,600 --> 00:06:09,850
Таким образом, маршрутизатор позволяет компоненту детализации блюда извлекать это значение,

91
00:06:09,850 --> 00:06:15,060
идентификатор блюда, из углового маршрута, когда эта информация передается в него.

92
00:06:15,060 --> 00:06:16,880
Как мы это сделаем? Для этого

93
00:06:16,880 --> 00:06:22,670
нам нужно перейти к компоненту детали блюда и исправить это до получения этой информации.

94
00:06:22,670 --> 00:06:27,945
Итак, после внесения этих изменений в компонент меню

95
00:06:27,945 --> 00:06:34,090
давайте теперь переключимся на компонент детали блюда.

96
00:06:34,300 --> 00:06:37,610
Внутри компонента детали блюда

97
00:06:37,610 --> 00:06:39,950
вы видите, что в настоящее время

98
00:06:39,950 --> 00:06:43,670
я получал блюдо в качестве ввода здесь.

99
00:06:43,670 --> 00:06:46,655
Я больше не буду получать блюда и входные данные.

100
00:06:46,655 --> 00:06:50,295
Итак, я просто оставлю это как таковое,

101
00:06:50,295 --> 00:06:51,910
как просто блюдо.

102
00:06:51,910 --> 00:06:58,220
Мне больше не нужен ввод, потому что я не передаю эту информацию, используя блюдо,

103
00:06:58,220 --> 00:07:01,625
в квадратных скобках, которые я включил в свой компонент меню.

104
00:07:01,625 --> 00:07:07,550
Вместо этого эта информация о конкретных блюдах, поступающих через Угловой маршрутизатор.

105
00:07:07,550 --> 00:07:11,595
Как получить доступ к этому идентификатору блюда?

106
00:07:11,595 --> 00:07:13,050
Итак, чтобы сделать это,

107
00:07:13,050 --> 00:07:14,870
я иду сюда.

108
00:07:14,870 --> 00:07:24,720
В это приложение я собираюсь добавить еще два импорта здесь,

109
00:07:24,720 --> 00:07:27,480
один из них называется Params.

110
00:07:27,480 --> 00:07:30,560
Таким образом, этот Params дает мне доступ к

111
00:07:30,560 --> 00:07:35,315
параметрам маршрутизатора, которые доступны, когда я прихожу.

112
00:07:35,315 --> 00:07:42,855
Итак, это от углового маршрутизатора, Params,

113
00:07:42,855 --> 00:07:51,510
, а также еще один, который мне нужен, это местоположение.

114
00:07:51,510 --> 00:07:57,710
Location позволяет мне отслеживать местоположение

115
00:07:57,710 --> 00:08:04,060
моей страницы в истории моего браузера.

116
00:08:04,060 --> 00:08:11,185
Итак, это было бы полезно для меня, чтобы вернуться из моей детали блюда, когда мне это нужно.

117
00:08:11,185 --> 00:08:14,440
Вы увидите, что я использую это немного позже.

118
00:08:14,440 --> 00:08:19,255
Итак, две вещи, которые мне нужно импортировать: Params и Location.

119
00:08:19,255 --> 00:08:23,799
Мы увидим, как мы используем эти два в нашем приложении.

120
00:08:23,799 --> 00:08:25,430
Итак, вместе с этим

121
00:08:25,430 --> 00:08:29,420
мы пойдем и здесь, для конструктора

122
00:08:29,420 --> 00:08:39,320
теперь мы отмечаем, что значение блюда теперь не доступно из моего компонента меню.

123
00:08:39,320 --> 00:08:43,650
Но вместо этого я должен явно пойти и извлечь это из DishService.

124
00:08:43,650 --> 00:08:45,405
Итак, я собираюсь импортировать

125
00:08:45,405 --> 00:08:56,020
DishService также в компонент детали моего блюда.

126
00:09:01,330 --> 00:09:03,960
DishService здесь.

127
00:09:03,960 --> 00:09:09,820
Итак, это позволит мне пойти и взять конкретное блюдо из Сервиса Блюда.

128
00:09:09,820 --> 00:09:11,930
Итак, вы помните, что у нас уже есть

129
00:09:11,930 --> 00:09:15,855
метод getDish и Сервис Блюда, который мы можем использовать.

130
00:09:15,855 --> 00:09:20,320
Теперь, следующая важная вещь для нас, чтобы получить идентификатор блюда.

131
00:09:20,320 --> 00:09:22,800
Теперь, как мы получить идентификатор блюда.

132
00:09:22,800 --> 00:09:25,665
Итак, это где в конструкторе.

133
00:09:25,665 --> 00:09:29,075
Теперь мне нужно сделать все эти услуги доступными,

134
00:09:29,075 --> 00:09:31,230
, так что я скажу Блюдо Сервис.

135
00:09:31,230 --> 00:09:46,250
Тогда, другой - Локация.

136
00:09:46,270 --> 00:09:51,275
Итак, Местоположение - это еще одна услуга, которая доступна мне.

137
00:09:51,275 --> 00:09:56,010
Таким образом, оба они будут использоваться в моем приложении.

138
00:09:56,010 --> 00:09:59,325
Итак, когда этот компонент блюда инициализируется,

139
00:09:59,325 --> 00:10:01,890
то в этот момент в ngOnInit,

140
00:10:01,890 --> 00:10:08,490
я могу пойти и получить информацию о конкретном блюде из Params.

141
00:10:08,490 --> 00:10:13,120
Итак, как нам это сделать? Итак, мы позволим id.

142
00:10:13,120 --> 00:10:15,800
Итак, вот где я собираюсь получить идентификатор,

143
00:10:15,800 --> 00:10:19,370
, так что я бы сказал плюс это.

144
00:10:19,370 --> 00:10:23,760
Также, чтобы получить значение маршрута,

145
00:10:23,760 --> 00:10:30,565
мне нужно ввести другую службу, называемую службой ActivatedRoute.

146
00:10:30,565 --> 00:10:32,740
Это часть угловых маршрутизаторов.

147
00:10:32,740 --> 00:10:39,970
Таким образом, эта услуга ActivatedRoute предоставляет мне доступ к маршруту здесь.

148
00:10:39,970 --> 00:10:41,940
Итак, я бы сказал,

149
00:10:41,940 --> 00:10:47,770
, поэтому вместе с DishService мне также нужно определить еще один называется

150
00:10:47,770 --> 00:10:54,305
как маршрут, который будет сервисом ActivatedRoute здесь.

151
00:10:54,305 --> 00:10:56,890
Итак, все эти три будут доступны мне.

152
00:10:56,890 --> 00:11:00,265
Так что прямо там, я могу попросить

153
00:11:00,265 --> 00:11:10,840
этот маршрут, снимок, Парамс.

154
00:11:10,840 --> 00:11:18,500
This Params представляет собой массив

155
00:11:18,500 --> 00:11:25,760
, который я могу индексировать, используя идентификатор в качестве значения, поэтому Params id.

156
00:11:25,760 --> 00:11:30,340
Это извлекает мне идентификатор из параметра.

157
00:11:30,340 --> 00:11:34,750
Итак, когда я определяю этот URL-адрес,

158
00:11:34,750 --> 00:11:41,070
URL-адрес для этого будет определен как Dishдеталь.

159
00:11:41,070 --> 00:11:43,320
Например, DishDetail 0,

160
00:11:43,320 --> 00:11:47,760
DishDetail 1, DishDetail 2 и так далее.

161
00:11:47,760 --> 00:11:54,060
Итак, вот как URL-адреса для этих компонентов будут определены там.

162
00:11:54,060 --> 00:11:56,520
Итак, это значение я собираюсь принести здесь.

163
00:11:56,520 --> 00:11:59,950
Теперь, как только я доберусь до идеи блюда, то я могу сказать,

164
00:11:59,950 --> 00:12:08,125
это блюдо равно DishService

165
00:12:08,125 --> 00:12:17,915
и получить блюдо и getDish будет принимать идентификатор в качестве параметра здесь.

166
00:12:17,915 --> 00:12:22,825
Итак, с этим, когда я нажимаю на блюдо в моем компоненте меню,

167
00:12:22,825 --> 00:12:26,410
, что ссылка, что у меня есть ссылка маршрутизатора, которую я установил там,

168
00:12:26,410 --> 00:12:31,770
будет передавать идентификатор блюда моему маршрутизатору в качестве RouterParameter,

169
00:12:31,770 --> 00:12:34,525
и который станет доступен мне в

170
00:12:34,525 --> 00:12:40,380
мой компонент DishDetail, обратившись к ActivatedRoute сервис здесь.

171
00:12:40,380 --> 00:12:42,515
Итак, как только я достану его,

172
00:12:42,515 --> 00:12:46,820
, тогда я могу использовать это значение для запроса блюдо здесь.

173
00:12:46,820 --> 00:12:50,630
Теперь, это не полный способ делать вещи.

174
00:12:50,630 --> 00:12:53,080
Позже в следующем модуле

175
00:12:53,080 --> 00:12:56,120
мы будем использовать что-то под названием Reactive JavaScript.

176
00:12:56,120 --> 00:12:59,640
Затем, в этот момент, я вернусь, чтобы переопределить это в

177
00:12:59,640 --> 00:13:04,870
по-другому, так что мой компонент DishDetail может отслеживать

178
00:13:04,870 --> 00:13:09,120
любые изменения, которые я делаю в моем URL и

179
00:13:09,120 --> 00:13:14,515
автоматически изменять информацию, отображаемую этим компонентом.

180
00:13:14,515 --> 00:13:19,445
Мы подойдем к этому в одном из последующих упражнений в следующем модуле

181
00:13:19,445 --> 00:13:23,890
, но на данный момент это отлично работает, поэтому мы собираемся использовать это.

182
00:13:23,890 --> 00:13:27,070
Кроме того, теперь, когда я перехожу к деталям блюда

183
00:13:27,070 --> 00:13:30,335
я хочу иметь возможность вернуться в меню из блюда.

184
00:13:30,335 --> 00:13:36,135
Итак, я собираюсь добавить в свою карту кнопку «Назад» кнопку в мою карту,

185
00:13:36,135 --> 00:13:41,905
, которая при нажатии приведет меня обратно в предыдущее место в моем браузере.

186
00:13:41,905 --> 00:13:48,230
Итак, для этого я собираюсь добавить метод здесь, называемый GoBack,

187
00:13:50,020 --> 00:13:57,280
, который по существу будет использовать

188
00:13:57,280 --> 00:14:03,735
службы Location, которую я включил здесь.

189
00:14:03,735 --> 00:14:09,300
Служба Location предоставляет метод под названием Back, который позволяет мне вернуться

190
00:14:09,300 --> 00:14:15,000
к предыдущему элементу в истории браузера.

191
00:14:15,000 --> 00:14:19,890
Итак, таким образом, я вернусь к меню из деталей здесь.

192
00:14:19,890 --> 00:14:22,430
Итак, этот метод GoBack добавлен здесь.

193
00:14:22,430 --> 00:14:28,160
Теперь нам нужно починить компонент DishDetail здесь.

194
00:14:28,160 --> 00:14:32,390
Итак, в файле шаблона компонентов DishDetail

195
00:14:32,390 --> 00:14:36,950
здесь у нас есть две кнопки, которые Like и Share кнопки.

196
00:14:36,950 --> 00:14:40,040
Я собираюсь добавить еще одну кнопку здесь.

197
00:14:42,920 --> 00:14:47,155
Для этой кнопки я бы добавил,

198
00:14:47,155 --> 00:14:49,220
, если эта кнопка нажата,

199
00:14:49,220 --> 00:14:55,330
это приведет к вызову метода GoBack, который я

200
00:14:55,330 --> 00:15:03,430
только что добавил в свой DishDetail component.tsfile.

201
00:15:03,430 --> 00:15:10,555
Итак, там будет кнопка «Назад».

202
00:15:10,555 --> 00:15:12,625
Пока мы находимся на нем,

203
00:15:12,625 --> 00:15:16,540
мы могли бы также исправить ссылки компонентов Footer.

204
00:15:16,540 --> 00:15:22,645
Итак, перейдя в footercomponent.htmlfile внизу здесь, где у нас есть эти ссылки,

205
00:15:22,645 --> 00:15:29,785
Я собираюсь добавить в RouterLink здесь с

206
00:15:29,785 --> 00:15:38,110
параметр home для первого,

207
00:15:38,110 --> 00:15:47,390
, а затем меню для второго,

208
00:15:51,240 --> 00:16:00,330
и свяжитесь с нами для третьего в нижнем колонтитуле здесь.

209
00:16:00,330 --> 00:16:02,710
Давайте сохраним изменения.

210
00:16:02,710 --> 00:16:04,785
Перейдя в ваше приложение,

211
00:16:04,785 --> 00:16:06,615
если вы теперь нажимаете на меню,

212
00:16:06,615 --> 00:16:09,195
пункты меню отображаются здесь.

213
00:16:09,195 --> 00:16:11,895
Если мы нажмем на любой из пунктов меню,

214
00:16:11,895 --> 00:16:20,585
вы заметите, что детали блюда показаны в отдельном представлении здесь.

215
00:16:20,585 --> 00:16:22,900
Эта информация, как вы можете видеть,

216
00:16:22,900 --> 00:16:26,450
это именно то, что компонент DishDetail отображал ранее,

217
00:16:26,450 --> 00:16:29,620
но в нижней части меню в компоненте меню,

218
00:16:29,620 --> 00:16:33,260
теперь у нас есть, что отображение в отдельном представлении.

219
00:16:33,260 --> 00:16:35,760
Теперь этот компонент DishDetail,

220
00:16:35,760 --> 00:16:39,290
теперь вы можете вернуться в меню, нажав на кнопку Назад.

221
00:16:39,290 --> 00:16:40,670
Итак, когда вы нажимаете на кнопку Назад,

222
00:16:40,670 --> 00:16:41,690
вы возвращаетесь в меню.

223
00:16:41,690 --> 00:16:43,490
Когда вы нажимаете на другой элемент,

224
00:16:43,490 --> 00:16:47,575
вы видите, что детали этого конкретного элемента отображаются здесь,

225
00:16:47,575 --> 00:16:51,560
аналогично для третьего тоже, а затем вы можете вернуться назад.

226
00:16:51,560 --> 00:16:54,645
Теперь, когда вы нажимаете на любой из этих элементов,

227
00:16:54,645 --> 00:17:02,780
обратите внимание на значение URL в адресной строке.

228
00:17:02,780 --> 00:17:08,565
Итак, это локальный хост 4,200 косой чертой DishDetail 0.

229
00:17:08,565 --> 00:17:12,080
Этот ноль является идентификатором этого блюда.

230
00:17:12,080 --> 00:17:14,630
Итак, это значение передается в,

231
00:17:14,630 --> 00:17:19,985
, и именно так компонент DishDetail здесь отображается здесь, вернитесь назад.

232
00:17:19,985 --> 00:17:21,540
Когда вы нажимаете на другой элемент,

233
00:17:21,540 --> 00:17:27,750
вы можете видеть, что теперь в URL говорит, DishDetail косая черта 1.

234
00:17:27,750 --> 00:17:29,750
Аналогично, для четвертого,

235
00:17:29,750 --> 00:17:33,390
он говорит, что DishDetail косая черта 3 и так далее.

236
00:17:33,390 --> 00:17:37,560
Таким образом, это значение параметра указывает на

237
00:17:37,560 --> 00:17:41,210
компонент DishDetail, какое конкретное блюдо

238
00:17:41,210 --> 00:17:44,235
должно быть показано компонентом DishDetail.

239
00:17:44,235 --> 00:17:49,250
Это то, что используется компонентом DishDetail для получения информации об

240
00:17:49,250 --> 00:17:55,045
об этом конкретном блюде из DishService методом GetDish,

241
00:17:55,045 --> 00:18:01,715
, а затем эта информация отображается в представлении компонента DishDetail.

242
00:18:01,715 --> 00:18:03,675
Итак, теперь в этом упражнении

243
00:18:03,675 --> 00:18:09,575
мы узнали, как мы можем использовать RouteParameters для передачи информации компоненту

244
00:18:09,575 --> 00:18:14,804
, а затем компонент получает доступ к Параметру, а затем использует этот RouteParameter

245
00:18:14,804 --> 00:18:18,320
, чтобы решить, как он отображает

246
00:18:18,320 --> 00:18:22,850
представление или получить информацию и отобразить представление соответственно.

247
00:18:22,850 --> 00:18:26,385
С этим мы завершаем это упражнение.

248
00:18:26,385 --> 00:18:31,490
Мы почти завершили построение нашего одностраничного приложения

249
00:18:31,490 --> 00:18:37,145
для ресторанного приложения, над которым мы работали до сих пор.

250
00:18:37,145 --> 00:18:40,815
Это хорошее время для вас, чтобы сделать git commit с сообщением,

251
00:18:40,815 --> 00:18:44,060
Одностраничное приложение часть 2.