Chrome控制台中的奇怪Javascript对象属性

Question

任何人都可以帮忙解释一下吗？

这是Chrome检查员的截图。至于对象＆＃34;控制器＆＃34;，它似乎只有一个属性foo：＆＃34; foo＆＃34;。但是，当我扩展它时，它似乎也有一个属性帖子。

所以在控制器代码中如果我调用this.foo它返回＆＃34; foo＆＃34;，而如果我调用this.post它返回undefined。

那么实际发布的是什么？它是控制器对象的一部分，但我无法正确调用它的值。

谢谢！

这是绑定前端代码：

<commentform-component post="postCtrl.here"></commentform-component>

这是绑定其父组件的角度组件（postCtrl）

export const commentformComponent = {
templateUrl  : Global.rootUrl + 
'modules/post/components/commentform/commentform.html',
  controller: function(){
    this.foo = "foo"; 
    console.log(this); 
    console.log(this.post); 
  }, 
  bindings: {
    post: '=' 
  }
}

Please click to open the image