Angular: Load click

http://angularjs.org/

by Damith Nuwan Sampath

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div id="skills" class="more_info" ng-controller="MyCtrl">
<h2>Skills</h2>

<section ng-repeat="skill in skills">
    <h3>{{skill.title}}</h3>
    <ul>
        <li ng-repeat="partskill in skill.skillz" ng-click="clicked(skill, $index)">{{partskill}}</li>
    </ul>
</section>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.skills = [
{'title': 'Science & Engineering',
 'skillz' : ['Software engineering', 'Operating Systems', 'Bio - Informatics', 'Algorithms', 'Optimization']},                
{'title': 'Coding',
 'skillz' : ['Java', 'Android', 'C++', 'C']},                
{'title': 'Languages',
 'skillz' : ['English', 'Proficient', 'Greek', 'Native']}                
];
    
    $scope.clicked = function(skill, index) {        
      skill.skillz[index] = skill.skillz[index].toLowerCase();  
    };
}