<section>
<table>
<thead>
<tr>
<th>#</th>
<th>Imię i nazwisko</th>
<th>Adres e-mail</th>
<th>Akcje</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let student of students">
<td>{{student.id}}</td>
<td>{{student.name}}</td>
<td>
<a href="mailto:{{student.email}}">{{student.email}}</a>
</td>
<td>
<a routerLink="/edit/{{student.id}}" class="button button-green">Edytuj</a>
<button class="button button-red" (click)="delete(student)">Usuń</button>
</td>
</tr>
<div class="new-student">
<h2>Dodaj nowego studenta</h2>
<label for="name">Imię i nazwisko:</label>
<input type="text" id="name" #name>
<label for="email">Adres e-mail:</label>
<input type="email" id="email" #email>
<button (click)="add(name.value, email.value); name.value=''; email.value=''">Dodaj</button>
</div>
</tbody>
</table>
</section>
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}