angularjs - Angular 组件父函数未定义参数

Question

我有一个绑定(bind)父函数的组件。我知道我必须使用非原始值作为参数，但我仍然未定义。这是怎么回事 ？这是演示我的问题的示例代码。

组件:

app.component('testComponent', {
  template:'<button ng-click="$ctrl.hasStatus({val:700})">Test</button>',
  bindings:{
    hasStatus:'&'
  },
  controller:function() {
    var ctrl = this;
  }
})

父级:

<test-component has-status='hasStatus(statusObj)'></test-component>

在 Controller 中:

$scope.hasStatus = function(obj) {
   console.log(obj) // undefined
}

还有plunker

Answer 1

由于您的 has-status 属性函数有 hasStatus(statusObj)，其中 statusObj 是对象的参数。这就是为什么您应该传递 JSON 中提到的状态 statusObj 属性，同时将参数传递给 hasStatus 方法。

ng-click="$ctrl.hasStatus({statusObj: { val: 700}})"

Demo Plunker