Here I am going to explain how to add active class on dynamically added content or link while on clicking. I have explained same using Angular 2/4 concept as well check this link for that. View <ul> <li ng-repeat="datalist in datalists" ng-click="select(datalist)" ng-class="{active: isActive(datalist)}" > <div>{{ datalist.name }}</div> </li> </ul> Controller $scope.select= function(item) { $scope.
![Angular js add class to active element](https://cdn-ak-scissors.b.st-hatena.com/image/square/72a3c3269b0e1200de8048286551df74e4f1a53f/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEjQIHzyDRgsUMjuxbuCpMnr9Op8hdgXJa1SdKXTDyAwNHxUaked69KdI8a680kILULcMYejQ6qXJATjE2ECTCKeejUF7-bubZfVsNRxERlcpZakpAzLnblaU_3nssd0nhyRUtk4B9B0Mk4%2Fw1200-h630-p-k-no-nu%2Fangularjs.png)