1. Display the list of technologies in a table2. Provide the ability to like and dislike a technology3. Increment the likes and dislikes when the respective buttons are clicked

Script.js : In the controller function we have 2 methods to increment likes and dislikes. Both the functions have the technology object that we want to like or dislike as a parameter.

var app = angular

.module("myModule", [])

.controller("myController", function ($scope) {

var technologies = [

{ name: "C#", likes:
0, dislikes: 0 },

{ name: "ASP.NET", likes:
0, dislikes: 0 },

{ name: "SQL", likes:
0, dislikes: 0 },

{ name: "AngularJS", likes:
0, dislikes: 0 }

];

$scope.technologies =
technologies;

$scope.incrementLikes = function (technology) {

technology.likes++;

};

$scope.incrementDislikes = function (technology) {

technology.dislikes++;

};

});

HtmlPage1.html : Notice in the html below, we are associating incrementLikes() and incrementDislikes() functions with the respective button. When any of these buttons are clicked, the corresponsing technology object is automatically passed to the function, and the likes or dislikes property is incremented depending on which button is clicked.