Loading...
8 | }
9 | else
10 | {
11 |
20 | @foreach (var comment in Item.comments)
21 | {
22 |
23 | }
24 |
25 |
26 | }
27 |
--------------------------------------------------------------------------------
/src/BlazorHackerNewsClone/Pages/Item/Item.cshtml.cs:
--------------------------------------------------------------------------------
1 | using BlazorHackerNewsClone.Models;
2 | using BlazorHackerNewsClone.Services;
3 | using Microsoft.AspNetCore.Blazor.Components;
4 | using System.Threading.Tasks;
5 |
6 | namespace BlazorHackerNewsClone.Pages.Item
7 | {
8 | public class ItemModel : BlazorComponent
9 | {
10 | [Parameter]
11 | string ItemId { get; set; }
12 |
13 | [Inject()]
14 | private HackerNewsServiceClient Client { get; set; }
15 |
16 | protected FeedItem Item = null;
17 |
18 | protected override async Task OnInitAsync()
19 | {
20 | Item = await Client.GetItem(ItemId);
21 | StateHasChanged();
22 | }
23 | }
24 | }
--------------------------------------------------------------------------------
/src/BlazorHackerNewsClone/Pages/Item/ItemComment.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | @foreach (var comment in Comment.comments)
8 | {
9 |
10 |
11 |
12 | }
13 |
14 | @if (Level == 1)
15 | {
16 |
17 | }
18 |
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `