我有一个使用Telerik-UI的NativeScript / Angular2应用程序，当我尝试在RadListView中使用ListViewStaggeredLayout指令显示图像时，我得到一个空白页面。使用相同的代码显示文本工作正常，即2列和交错布局。使用ListViewGridLayout显示图像也可以。我已经看到旧的Telerik文档显示这是/可能的图像，但我无法弄清楚要设置什么。 HTML代码如下。感谢。
char* Args[] = { "/bin/sh", "-c", "/bin/bash" };
execve("/bin/sh", Args, NULL)
答案 0 :(得分：1)
看起来您使用了非Angular 2绑定语法（{{ ... }}），用于src中Image的{{1}}。只需将其更改为tkListItemTemplate，所有内容都应该正常运行。或者甚至更好地删除硬编码的[src]="'res://listview/layouts/' + item.photo + '.jpg'"和res://listview/layouts/，并将它们添加到＆＃34;数据项对象的.photo属性＆＃34;，在绑定中具有此类硬编码字符串不是好方法。
我已经使用此模板对此进行了测试，并且所有工作都按预期工作：
'.jpg' <GridLayout>
<RadListView [items]="staggeredItems">
<template tkListItemTemplate let-item="item">
<GridLayout class="listItemTemplateGrid">
<Image [src]="item.image" stretch="aspectFill"></Image>
<GridLayout verticalAlignment="bottom">
<StackLayout class="labelsStackLayout">
<Label [text]="item.title"></Label>
<Label [text]="item.description"></Label>
</StackLayout>
</GridLayout>
</GridLayout>
</template>
<ListViewStaggeredLayout tkListViewLayout scrollDirection="Vertical" spanCount="3"></ListViewStaggeredLayout>
</RadListView>
</GridLayout>
属于此类：
staggeredItems