我正在nativescript-angular
为我的项目使用。这里有一个缩放的实现。它使用本地引用(#item)和@ViewChild
装饰来访问元素:
<GridLayout (pan)="onPan($event)" (pinch)="onPinch($event)" (doubleTap)="onDoubleTap($event)" class="page">
<StackLayout #item width="200" height="200" backgroundColor="Green">
<Image src="res://icon" width="50" height="50" class="p-20"></Image>
<!-- all children ot the element #item will scale accordingly-->
</StackLayout>
<TextView #status row="1" editable="false"></TextView>
在组件中:
@ViewChild("item") angularItem: ElementRef;
它工作正常。但我想在ListView 中使用它。我的列表视图是这样的:
<ListView [items]="items" class="list-group">
<ng-template let-item="item">
<Label [text]="item.name" class="list-group-item"></Label>
</ng-template>
</ListView>
如何为可以缩放每个元素的每个项目定义本地引用?
您可以使用传递给事件的参数获取对象引用args.object
。
在你的情况下是这样的。
<ListView [items]="items" class="list-group">
<ng-template let-item="item">
<Label (pan)="onPan($event)" [text]="item.name" class="list-group-item"></Label>
</ng-template>
</ListView>
并且您可以通过使用在 onPan 函数中获取标签引用 $event.object
onPan(args){
let label=<Label>args.object;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句