Angular js binding“＆lt;”给内部控制器未定义

Question

我有“invite-friends-code”组件，它通过绑定“＆lt;”获取数据。问题是，它是正确传递并直接在视图中显示，但当我试图在“邀请朋友代码”控制器内使用它时，它给了我“未定义”

成分<​​/ P>

   const inviteFriendsCodeComponent = {
    bindings: {
        leagueCode: '<'
    },
    templateUrl: '/js/common/invite-friends-code/invite-friends-code.html'+assetsVersion,
    controller: 'InviteFriendsCodeController'
 }

使用其他组件视图中的

绑定：

 <invite-friends-code league-code="$ctrl.leagueData.code"></invite-friends-code>

控制器：

ctrl.$onInit = () => {
 console.log(ctrl.leagueCode) // gives me undefined here 
}

Answer 1

您的绑定尚未初始化！

您可以使用$onInit功能。

app.component('yourComponent', {
  bindings: {
    leagueCode: '<'
  },
  controller: function() {
    var ctrl = this;

    this.$onInit = function() {
       console.log(this.leagueCode)
    });
  }
}

Official doc