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

I agree to subscription in accordance with the terms of service.
Go to the top and begin