【发布时间】: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