Ошибка Angular7 @input декоратор не работает при извлечении из родительского - PullRequest
Новая
       9

Ошибка Angular7 @input декоратор не работает при извлечении из родительского

0 голосов
/ 06 февраля 2019 
    import { Component, Input } from '@angular/core';

    @Component({
        selector: 'employee-count',
        templateUrl : './employee.component.html',
        styleUrls : ['../../styles/app.component.css']
    })

    export class Employee {
        @Input()
        all: number;

        @Input()
        male: number;

        @Input()
        female: number;
    }

<span class="radioClass">Show : </span>

<input type="radio" name="options" />
<span class="radioClass">{{"All(" + all + ")"}}</span>

<input name="options" type="radio">
<span class="radioClass">{{"Male(" + male + ")"}}</span>

<input name="options" type="radio">
<span class="radioClass">{{"Female(" + female + ")"}}</span>

<br /><br /> 

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: '../component/app.component.html',
  styleUrls: ['../styles/app.component.css']
})
export class AppComponent {

 employees: any[];

    constructor() {
       this.employees = [
    {  
      employee_id : '1',
      firstname  : 'Some',
      lastname  : 'user',
      gender : 'Male',
      age  : 28,
      salary : 50000,
      dob  : '26/01/1991'  
  }, 
  {
      employee_id : '2',
      firstname  : 'Other',
      lastname  : 'user',
      gender : 'Male',
      age  : 26,
      salary : 60000,
      dob  : '02/01/1993'  
  },
  {
      employee_id : '3',
      firstname  : 'next',
      lastname  : 'Jii',
      gender : 'Male',
      age  : 24,
      salary : 40000,
      dob  : '30/10/1995'  
  },
  {
      employee_id : '4',
      firstname  : 'Kat',
      lastname  : 'Hales',
      gender : 'Female',
      age  : 25,
      salary : 120000,
      dob  : '30/10/1994'  
  },
  {
      employee_id : '5',
      firstname  : 'Binny',
      lastname  : 'Root',
      gender : 'Female',
      age  : 27,
      salary : 220000,
      dob  : '30/10/1992'  
  },
  {
      employee_id : '6',
      firstname  : 'Seema',
      lastname  : 'Singh',
      gender : 'Female',
      age  : 27,
      salary : 21000,
      dob  : '30/10/1992'  
  },
  ];
 }

   parentExample: string = 'Hello Angular 7';


   getTotalEmployeesCount(): number {
        return this.employees.length;
    }

    getMaleEmployeesCount(): number {
        return this.employees.filter(e => e.gender == 'Male').length;
    }

    getFemaleEmployeesCount(): number {
        return this.employees.filter(e => e.gender == 'Female').length;
    }
}
<employee-count [all]="getTotalEmployeesCount()"
                [male]="getMaleEmployeesCount()"
                [female]="getFemaleEmployeesCount()">
</employee-count>

Ошибка Angular7 @ входной декоратор не работает при извлечении из родителя

Не уверен, почему я получаю всех (неопределенных) мужчин (неопределенных) женщин (неопределенных).

Дажея не увидел ни одной ошибки в консоли.если бы я назначил @Input @Input () all: number = 10;это привело меня к правильному значению, но брать его от родителя не работает для меня, пожалуйста, предложите.Спасибо

...