标签: angular-arrays

我有两个名为“persons”和“persons2”的数组，“persons2”数组将是“persons”数组的副本，但问题是当我复制它时，我想更改第二个数组，第一个数组是也在变化。这是我的代码：

  export class AppComponent {

  persons = [
    {
      name:'David',
      lname:'Jeu'
    }
  ];

  persons2=[...this.persons];

  constructor(){
      console.log(this.persons[0]);
      this.persons2[0].name='Drake';
      console.log(this.persons[0]);

      console.log(this.persons2[0]);
  }

}

我有以下学生名单:

students = [{name:'Jordan', passed:true}, {name:'Kyle'},{name:'Jess'},
            {name:'Sam', passed:true}
           ]

我希望能够在HTML模板中获得学生通过的数组的长度.

通常我会这样做:

<div>
    {{students.length}}
</div>

但是,我想要这样的伪代码...

<div>
    {{total length of students who passed}}
</div>

我想这样做,如果我在页面上有其他按钮修改学生,这样当我改变学生是否通过时,模板将自动反映正确的学生数量.

我怎样才能做到这一点？

export class ResultComponent {
    students: AdmissionFormData[]

    constructor(private adStudent: AdmissionFormService) {
        adStudent.adFormGet().subscribe(
            x => this.students = x
        )
    }

    onSubmit(value) {

    }
}

在学生数组中，我有数据。而onSubmit是函数，value是参数“roll”

HTML 文件：

<div class="form">
<div class="col-md-5 offset-md-3">
  <div class="card">
      <div class="card-header text-center">
          <h3 id="form_name" >Search Result</h3>
      </div>

      <div class="card-block">
          <form (ngSubmit)="onSubmit(f.value)" #f="ngForm" >
              <div class="form-group">
                <label for="">Roll</label>
                <input
                type="number" 
                ngModel
                name="reg" 
                #reg="ngModel" 
                [min]="99999"
                placeholder="Ex: 224697"
                class="form-control">
                <p class="text-danger" *ngIf="!reg.valid && reg.touched">Roll Should have at least 6 letter</p>
              </div>
              <input 
              type="submit"
              value="Search" 
              class="btn btn-block btn-outline-success">
          </form>
      </div>
  </div> …