skill-list.js

angular.module('homepage').
directive('skillList', function() {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            skills: '=data'
        },
        templateUrl: 'components/content-components/input/skill-list.html',
        controller: 'skillListController'
    };
}).
controller('skillListController', function($scope, Skill) {
    if(!$scope.skills || $scope.skills.length === 0) {
        $scope.skills = [];
        $scope.skills[0] = new Skill();
    }

    $scope.addSkill = function () {
        var length = $scope.skills.length;
        $scope.skills[length] = new Skill();
    };
});