mainApp.directive('scoreDisplay',[
    function() {
        return {
            scope: {
                goal_1: 0,
                goal_2: 0,
                goal_3: 0,
                goal_4: 0,
                goal_5: 0,
                goal_6: 0,
                goal_7: 0
            },
            restrict: 'E',
            templateUrl:'templates/directive-score-display-template.html',
            link: function(scope,element,attrs){}
        };
  }

<score-display></score-display>

<table>
<tr>
<td ng-model='goal_1'>1</td>
<td ng-model='goal_2'>2</td>
<td ng-model='goal_3'>3</td>
<td ng-model='goal_4'>4</td>
<td ng-model='goal_5'>5</td>
<td ng-model='goal_6'>6</td>
<td ng-model='goal_7'>7</td>
</tr>
</table>