【问题标题】:collection-repeat with angular component, what is happening?带有角度分量的收集重复,发生了什么?
【发布时间】:2017-10-25 15:55:26
【问题描述】:

我正在尝试使用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)
}

我做错了什么?

提前致谢!

【问题讨论】:

    标签: ionic-framework


    【解决方案1】:

    花了 3 个小时搞清楚this

    这是目前收集重复的一个已知问题。一个修复 将需要对集合重复进行重构,这太大了 瞬间改变。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-07-03
      • 2020-07-27
      • 1970-01-01
      • 2016-01-07
      • 2018-10-25
      • 2018-04-02
      • 1970-01-01
      • 2019-10-06
      相关资源
      最近更新 更多