Our site uses cookies. Learn more about their purpose and change of settings in a browser If you are using the site, you give you consent to use cookies, according to current browser settings. Got it

Angular egghead 1 - Binding

  • Language JavaScript
Simple bootstrap table which show how angular binding works

Exercise 1 : Binding


This application displays three inputs and an artist's table. Each class attributes to the row which is bound to one of the input values by order. Inputting a text will result in a colour change of the table row.


You are required to implement a solution that will result in such a behaviour: an input value should be taken as a table row class attribute, so after typing 'warning' in the first input, the first table row should be displayed with a class warning. This implies that the other inputs and rows behave the same.

Before you start, please refer to

+ Bonus task

Try to connect input fields with columns of the table.


To install dependencies

npm install

bower install

To start application in live reload mode

grunt serve


To run jshint:

grunt jshint:default

Run tests

To run e2e tests in development mode:

grunt test:e2e

To run jshint, tests and coverage:

npm test

Good luck!

Start this test

Labnoratory Academy Ltd (Realskill) is a Data Controller. Personal data will be processed to facilitate IT skill test. More
... Przewidywane kategorie odbiorców danych: pracownicy Bulldogjob oraz Labnoratory Academy Ltd. Podmiotowi danych przysługuje prawo do żądania dostępu do danych dotyczących swojej osoby, ich sprostowania, usunięcia, ograniczenia przetwarzania, do przenoszenia danych oraz wniesienia skargi do organu nadzorczego.
Go to the top and begin