angular - 数据表不会在事件更改时刷新。- 角 4

Question

在触发或调用 change 函数时，分页数据不会更新，它仍然保留在 init 调用上呈现的先前数据。

TS代码：

ngOnInit() {
        this.http.get('https://jsonplaceholder.typicode.com/posts/').subscribe(
            data => {
                this.DataArray = data.json();
                console.log(data.json());
            }
        );
    }


    public change(event): void { 
       let newVal = event.target.value;

        this.http.get('https://jsonplaceholder.typicode.com/posts/').subscribe(
            data => {
                this.DataArray = []
                this.DataArray.push(data.json()[newVal]);
            }
        );
    }

HTML 代码

 <tr *ngFor="let data of DataArray">
     <td><a href="javascript:"><i class="fa fa fa-eye" data-
     toggle="modal" data-target="#myModal"></i></a>&nbsp;&nbsp;<a 
     href="javascript:"><i class="fa fa-pencil"></i></a>&nbsp;&nbsp;<a 
     href="javascript:"><i class="fa fa-line-chart"></i>
     </a>&nbsp;&nbsp;<a href="javascript:"><i class="fa fa-trash-o">
     </i></a></td>
     <td>{{data.id}}</td>           
     <td>{{data.title}}</td>                            
     <td>{{data.type}}</td>
     <td>{{data.smsFlag ? "Yes":"No"}}</td>
 </tr>