codev

<div class="container">
    <div class="col-lg-12">
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <table class="table">

            <thead>
            <tr>
                <th>Nom</th>
                <th>Prénom</th>
                <th>Date Naissance</th>
                <th>Date Décès</th>
            </tr>
            </thead>
            <tbody>
            <tr *ngFor="let acteur of acteurs">
                <td>{{acteur.nomAct}}</td>
                <td>{{acteur.prenAct}}</td>
                <td>{{acteur.dateNaiss}}</td>
                <td>{{acteur.dateDeces}}</td>
                <td><button
                        class="action glyphicon glyphicon-pencil btn btn-primary"
                        data-toggle="modal" data-target="#editionModal"
                        data-prenom={{acteur.prenAct}}
                ></button></td>


                <td><button
                        class="action glyphicon glyphicon-trash btn btn-danger"
                ></button></td>
            </tr>

            </tbody>
        </table>

    </div>
    <p style="color:red">{{errorMessage}}</p>
    <!-- Modal for edition -->
    <div id="editionModal" class="modal fade" role="dialog">
        <div class="modal-dialog">


            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">MISE A JOUR ACTEUR</h4>
                </div>
                <div class="modal-body">


                    <label> id Acteur </label>

                    <acteurform> </acteurform>
                </div>
            </div>
        </div>
    </div>

</div>
<script>
    $('#editionModal').on('show.bs.modal', function(e) {
//get data-id attribute of the clicked element
        var prenom = $(e.relatedTarget).data('prenom');
//populate the textbox
        $(e.currentTarget).find('input[name="txtprenom"]').val(prenom);
    });
</script>

import {Component, OnInit, Input} from '@angular/core';
import { Observable } from 'rxjs/Rx';
import { Acteur } from '../model/acteur';
import { ActeurService } from '../services/acteur.service';
import { ActeurFormComponent } from '../components/acteurform.component';
import {EmitterService} from "../services/emitter.service";
@Component({
    selector: 'acteurs',
    templateUrl: 'app/templates/acteurs.component.html',
	 providers: [ActeurService],
})
export class ActeursComponent  implements OnInit {
    acteurs: Acteur[];
	errorMessage: string;
    @Input() editId: string;
    childTitle:string = 'This text is passed to child';

    constructor(private acteurService: ActeurService) { }

    loadActeurs(){
        this.acteurService.getActeurs()
            .subscribe(
						data => this.acteurs = data,
						error => this.errorMessage = error.status + " est le statuts d'error"
			);
    }

    editActor(){ // to emit
    }

	ngOnInit(): void{
            this.loadActeurs();
    }
}

import {Component, Input} from "@angular/core";
import { Acteur } from '../model/acteur';
import { EmitterService } from '../services/emitter.service';

@Component({
    selector: 'acteurform',
    templateUrl: 'app/templates/acteurform.component.html'
})

export class ActeurFormComponent {

    @Input() public noAct: number;

}