角度2のhttpリクエストでデータテーブルのチェック済み行を削除します

Question

私はサーバからデータが取り込まれたテーブルを持っています。チェックを入れたり、チェックボックスをチェックしたり、削除ボタンを押して行を削除したりして、行を削除したい。以下はコードです。

Answer 1

あなたのコンポーネント：

@Component({ 
    selector: 'client', 
    templateUrl:'client_table.html', 
    providers:[HttpService] 
    }) 

export class ClientComponent { 

    constructor(private httpService: HttpService, private router: Router){ } 
    activeClient: Client; // used as the current chosen client 


    deleteClient(){ 
     this.httpService.deleteCustomer(this.activeClient.id) 
     .subscribe(....) 
    } 

    checkbox(client){ 
    this.activeClient = client; 
    client.selected = (client.selected) ? false : true; 
    } 

あなたのテンプレートおよびサービスは、少なくともそれを見ることで、正常に見えます。これは今すぐ動作するはずです！

Clientsを次のようにインポートしています。 import {Clients} from './Client';をコンポーネントにインポートしているため、コンポーネントで次のことは不要であると仮定します。

Clients: { 
     id: number, 
    first_name:string, 
    last_name: string, 
    email: string, 
    company_name: string, 
    mobile: string, 
    city: string, 
    website:string 
    }[];