Угловая множественная локальная ссылка в виде списка для каждого элемента - PullRequest
Новая
       5

Угловая множественная локальная ссылка в виде списка для каждого элемента

0 голосов
/ 25 июня 2018

Я использую 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>

Как я могу определить локальные ссылки для каждого элемента, чтобы можно было увеличивать каждый элемент?

1 Ответ

0 голосов
/ 26 июня 2018

вы можете получить ссылку на объект из аргументов, передаваемых событию, используя 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>

, и вы можете получить ссылку Label вФункция onPan с помощью $event.object

onPan(args){
  let label=<Label>args.object;
}
...