流星:处理由#each 包装的对象生成的事件?
Meteor: Handling events generated from objects wrapped with #each?
所以我是 meteor 的新手,我想知道是否可以从动态创建的元素中捕获事件:
{{#each appl}}
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading text-center"><b>{{DemUser}}</b></div>
<div class="panel-body">
<img class="imh-responsive img-rounded col-sm-6 col-sm-offset-3" src="/images/faces/face-1.jpg">
</div>
<div class="panel-footer">
<div class="row">
<button class="btn btn-success">Hire</button>
<button class="btn btn-info">rdv</button>
<button class="btn btn-danger">Reject</button>
</div>
</div>
</div>
</div>
{{/each}}
因为您使用的是 each
,事件映射中的上下文 (this
) 将是 appl
(申请人?)文档。例如:
Template.myTemplate.events({
'click .btn-success': function () {
console.log(this._id); // logs appl._id
}
});
所以我是 meteor 的新手,我想知道是否可以从动态创建的元素中捕获事件:
{{#each appl}}
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading text-center"><b>{{DemUser}}</b></div>
<div class="panel-body">
<img class="imh-responsive img-rounded col-sm-6 col-sm-offset-3" src="/images/faces/face-1.jpg">
</div>
<div class="panel-footer">
<div class="row">
<button class="btn btn-success">Hire</button>
<button class="btn btn-info">rdv</button>
<button class="btn btn-danger">Reject</button>
</div>
</div>
</div>
</div>
{{/each}}
因为您使用的是 each
,事件映射中的上下文 (this
) 将是 appl
(申请人?)文档。例如:
Template.myTemplate.events({
'click .btn-success': function () {
console.log(this._id); // logs appl._id
}
});