を使用したemployees配列のリストがあり{"id", "name", "designation"}、ボタンをクリックすると、それらの一部をmanager配列に追加するボタンが追加されました。これらの配列はすべて、APIを介して使用しました。では、クリックして従業員の1人をマネージャー配列に移動するにはどうすればよいでしょうか。私は何かを試しました...それはひどく間違っていました。だから私を助けて
HTML：
<div class="object center">
<h5>{{emp.name}}</h5>
<p>emp-id:{{emp.empid}}</p>
<button class="btn" (click)="onPush(emp.empid)">Make manager</button>
</div>
Component.ts
onPush(empid){
this.httpClient.put('http://localhost:3000/manager/' + empid)
.subscribe(success => {this.ngOnInit()}, error => {console.log("error")})
}
}
// this is my API
{
"employees": [
{
"empid": 214564567,
"name": "kolerag",
"designation":"lorem ipsum"
},
{
"empid": 214345546,
"name": "gunretro",
"designation":"lorem ipsum"
},
{
"empid": 2142225555,
"name": "trevanew",
"designation":"lorem ipsum"
},
],
"managers": []
}
したがって、ボタンをクリックすることにより、従業員からのオブジェクトは、オブジェクトをマネージャー配列に追加する必要があります。ここに画像の説明を入力してください
クライアント側の操作：
dataは、従業員とマネージャーの両方の詳細を保持する変数であると想定します。
data : {
employess : {
empid : number,
name : string,
designation : string
}[],
managers : {
empid : number,
name : string,
designation : string
}[]
}
onPush(id){
// Temporary variable
let temp : {
empid : number,
name : string,
designation : string
} = this.data.employees.find(emp=>emp.empid==id);
// Add to managers array
this.data.managers.push(temp);
// Slice from employees
this.data.employees = this.data.employees.filter(emp=>emp.empid!=id);
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加