QuizEditComponent

Here's the most complex Angular component we made so far; luckily enough, we can get it over with a handful of default Bootstrap styles.

As always, let's start with the quiz-edit.component.html template file:

<div class="quiz-edit">    <h2>{{title}}</h2>    <div class="form-group">        <label for="title">Quiz title:</label>        <br />        <input type="text" id="title"                [(ngModel)]="quiz.Title"                placeholder="choose a title..."                class="form-control"               />    </div>    <div class="form-group">        <label for="description">Quiz description:</label>        <br />        <input type="text" id="description"                [(ngModel)]="quiz.Description"                placeholder="enter a description..."                class="form-control"               />    </div>    <div class="form-group"> <label for="text">Quiz informative text:</label> ...

Get ASP.NET Core 2 and Angular 5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.