Nativescript: Ошибка: в шаблоне списка найдено несколько представлений! Уровень вложенности: 0

Макет внутри шаблонного решения не работает

list.html

<ActionBar title="View Team Members">
    <NavigationButton text="Back" android.systemIcon="ic_menu_back"></NavigationButton>
</ActionBar>
<GridLayout>
    <ListView [items]="teamList" class="small-spacing">
        <template let-item="item">
            <StackLayout>
              <Label [text]="item.name" class="medium-spacing"></Label>
              <Label [text]="item.email" class="medium-spacing"></Label>
            </StackLayout>
        </template>
    </ListView>
</GridLayout>

Такая же трассировка ошибки:

com.tns.NativeScriptException: 
Calling js method getView failed

Error: More than one view found in list template! Nesting level: 0
File: "/data/data/org.nativescript.finlyng/files/app/tns_modules/nativescript-angular/directives/list-view-comp.js,

строка: 138, столбец: 8

StackTrace: 
  Frame: function:'getSingleViewRecursive', file:'/data/data/org.nativescript.finlyng/files/app/tns_modules/nativescript-angular/directives/list-view-comp.js',

строка: 138, столбец: 15 Фрейм: функция: 'getSingleViewFromViewRef', файл: '/ data / data / org.nativescript.finlyng / files / app / tns_modules / nativescript-angular / directives / list-view-comp.js', строка: 154, столбец: 12 Фрейм: функция: 'ListViewComponent.onItemLoading', файл: '/ data / data / org.nativescript.finlyng / files / app / tns_modules / nativescript-angular / directives / list-view-comp.js ', строка: 72, столбец: 25 Кадр: функция:' Observable.notify ', файл:' / data / data / org.nativescript.finlyng / files / app / tns_modules / data / observable / observable.js ', строка: 146, столбец: 32 Кадр: функция: 'ListViewAdap


nativescript angular2-nativescript
person vivekanon    schedule 28.10.2016    source источник
comment
Убедитесь, что вы сохранили файл (если он был упакован в макет Stack), а затем перестройте приложение. Действительно, у вас может быть только корневой элемент для вашего шаблона элемента, и ошибка не должна присутствовать в существующей структуре - базовый пример здесь: github.com/NativeScript/nativescript-sdk-examples-ng/blob/ < / а>   -  person Nick Iliev    schedule 28.10.2016
comment
@NickIliev сохранен и восстановлен, ошибка все еще существует.   -  person vivekanon    schedule 29.10.2016

Ответы (1)


arrow_upward
1
arrow_downward

Это довольно давно, но у меня была аналогичная проблема.

Я исправил это, вложив метки в GridLayout. В моем случае примерно так:

<GridLayout rows="auto, *">
  <ListView [items]="newsList" row="1" class="news">
    <ng-template let-item="item">
      <GridLayout rows="auto, *">
        <Image [src]="item.image"></Image>
        <Label [text]="item.title" class="news__item"></Label>
      </GridLayout>
    </ng-template>
  </ListView>
</GridLayout>
person moigonz    schedule 14.11.2017