背景色の変更のために選択された値にngClassを使用する

ブログ

背景色の変更のために選択された値にngClassを使用する

選択した値の背景色を変更したい。 ngクラスとngmodelを使用して試しましたが、期待どおりに機能していません。以下は私の親のtsファイルです。

粒子-js (背景)
users = USERS; selectedUser = 0; isSelected = false; 

constructor() { }

ngOnInit() {
}

onSelect(index): void {
this.selectedUser = index;
console.log(this.selectedUser);
}
}

以下は私の親htmlファイルです。

  





{{ user.name }}







私のcssファイルに以下を追加しました:

オープンソースの反応ネイティブ アプリ
 .select {  
background-color: black;
}

以下は私の子コンポーネントのhtmlファイルです。

反応ネイティブ再起動






Id: {{ users.id }} Name: {{ users.name }} Location: {{ users.location }}

背景を変更するために選択した値にのみngclassを使用したい

#angular #typescript