角度2チャゲ色

Question

Reference to a related question

私は、セルの空の場合は黄色で、誰かがそれに書いてあれば、それは白に変化するテーブルがあります。

Tabla

私の質問を私はすでにHTMLを行っているされています

HTML

しかし、コンポーネントがOBTするために行う方法ではありませんそのセルが空であるかどうか。

セルが空であるかどうかを知るために値を取得するにはどうすればよいですか？

Component

ので、それが空の場合、スイッチは黄色の値を渡すと、誰かが別のセルに切り替えるとき、これは白

Answer 1

なる書けば、私はみます：

1. 入れテーブルをReactiveFormに変換する
2. ngclassを使用し、元のプロパティと手つかずのプロパティ

Answer 2

あなたは私があなたにngStyleと解決策を与えているngClassまたはngStyle

を使用することができます。これまで、あなたのHTMLの変更入力で

：あなたのcomponent.tsで

<input type="text" [(ngModel)] = "test" [ngStyle]= "{'background-color' : 
test == ''?'yellow' : 'white'}"> 

：

を追加

test = ''; 

もちろん、変数名と色を変更することはできます。私は単純な例を挙げたがっています。