Javascript 从Angularjs中的控制器返回对象

我正在尝试从控制器返回对象。 我的代码如下所示：

score.component.js：

angular.module('score').component('score',{
    templateUrl : 'app/score/score.template.html',
    controller : ScoreController
});


function ScoreController() {

    var f = function(){

    return [{
        name: "john",
        totalscore: 13,
        gamesPlayed: 14
    },
    {   name: "andrew",
        totalscore: 1,
        gamesPlayed: 2
    }
    ];
    }
}

score.template.html：

<div ng-repeat="a in $ctrl.f">
    {{a.name}}{{a.totalscore}}{{a.gamesPlayed}}
</div>

{{a.name}{{a.totalscore}{{a.gamesPlayed}}

我做错了什么？

---

谢谢你的回答

控制器由构造函数定义。构造函数已经有一个与之关联的对象（

this

），返回另一个对象是反模式的，除非这是所需的行为

应该是这样的

function ScoreController() {
  this.f = [...];
}

---

那么，在控制器中，您希望返回什么？