Ich habe eine Root-App-Komponente, die in der Vorlage so definiert ist.

template: `
<dev-table (complete)="onSelect(developer)"></dev-table>
<dev-details [selectedDeveloper]="selectedDeveloper"></dev-details>
`
directives: [DevDetailsComponent, DevTableComponent],
providers: [DevValueService, provide(DevService, {useClass: DevService})]

ist eine Liste und sollte bei Auswahl einer der internen Listen den Wert der Liste (Entwickler) senden, die als ausgewählter Entwickler übergeben wird. @Input ist richtig definiert und wird richtig berücksichtigt. Aber der @output ist, einen Fehler zu gebenError: Output is not defined Welche Definition wird benötigt oder wie lautet die Definitionsmethode? Mir fehlt etwas.

Dies ist die Klassendefinition:

@Component({
  selector: 'dev-table',
  template: `
    <ul class="dev">
      <li *ngFor="#developer of developers"
        [class.selected]="developer === selectedDeveloper;this.complete.next();"
        (click)="onSelect(developer)">
        <span class="spanbackground">{{developer.name}}</span> -  {{developer.skill}}
      </li>
    </ul>  
  `, 
  providers: [DevService]
})

export class DevTableComponent implements OnInit{
    public developers : Developer[];
    public selectedDeveloper : Developer;
    constructor(private _DevService: DevService) { }
    @Output() complete = new EventEmitter(); 
    public onSelect(developer: Developer) { this.selectedDeveloper = developer; }
    getDevelopers(){
      this._DevService.getDevelopers().then(developers => this.developers = developers)
    }
    ngOnInit(){
      this.getDevelopers();
    }
}

AKTUALISIERT Der endgültige Arbeitscode hatte nichtdeveloper === selectedDeveloper;this.complete.next(); lieberthis.complete.next() wurde in die Funktion onSelect aufgenommen.