Angularjs组件,通过函数传递单向绑定是反模式吗?

angular.module("app").component("first", {
   controller: function() {
      this.getFoo = () => {
         return this.condition ? this.foo : null;
      };
      this.changeCondition = () => {
        this.condition = !this.condition; 
      }
   }
   template: '<div>hello <second foo="$ctrl.getFoo()"></second>' + 
   '<button ng-click="$ctrl.changeCondition()"></button></div>'
})
.component("second", {
   bindings: {
     foo: "<"
   },
   template "<span>using foo here: {{$ctrl.foo}}</span>"
})

这是一个愚蠢的例子,但我在一个项目中看到一个值以这种方式传递给子组件。我四处寻找这是一种反模式的建议,但找不到任何建议。

它是?是否存在这样一种情况,即从函数的返回中将值传递给子组件是一件好事?

否则我脑海中最明显的事情就是 $ctrl.foo 从“第一”组件。