Question

我试图使用collection-repeat来显示数组中每个对象的角度分量。我将每个对象作为参数传递给角度组件，但是当我尝试访问组件控制器中的对象时，我得到undefined。

<ion-content>
   <ion-list>
     <ion-item
    collection-repeat="user in users"
    item-width="100%"
    item-height="90px">
        {{user}} //renders my user data correctly instantly
    <usser user="user"></user>
    </ion-item>
  </ion-list>
</ion-content>

我的组件

angular
    .module('app')
    .component('user', {
        templateUrl: 'components/user.html',
        scope: true,
        bindings: {
            user: '<'
        },
        controller: function() {
        console.log(self.user)  //prints undefined
        }
    })

我已尝试将console.log包裹在$timeout中但未成功
打印self在我的Chrome控制台中显示{user: undefined}，但如果我展开该对象，我可以看到该用户包含正确的数据（仅适用于部分项目）
访问self.user无法正常工作

编辑：我无法理解发生了什么......

controller: function() {
    console.log(self.user)  //prints undefined
    setTimeout(function() {
        console.log(self.user) // prints my data
    }, 2000)
}

我做错了什么？

提前致谢！

Answer 1

失去3个小时才弄明白this

这是目前已知的问题，收集重复。修复需要一个重复的重构重构，这将太大了改变当下。

始终检查Github上的问题，[ V ]吸取的经验教训

收集 - 重复角度组件，发生了什么？

1 个答案: