listview - 让 Nativescript Telerik UI RadListView 在 Angular 中工作

Question

TNS v2.5.0

我已将 LISTVIEW_DIRECTIVES 导入到我的 app.module 中，我的模板如下所示

<ActionBar title="Events"></ActionBar>
<StackLayout orientation="vertical">
    <RadListView [items]="events">
        <template tkListItemTemplate let-event="item">
            <StackLayout orientation="vertical">
            <Image [src]="'https:' + event.image" stretch="aspectFit"></Image>
            <Label [nsRouterLink]="['/event', event.id]" [text]="event.title"></Label>
            </StackLayout>
        </template>
    </RadListView>
</StackLayout>

但是除了更改为常规 ListView 效果很好之外什么也没有显示。

另外，如果我尝试使用GridLayout，例如

<ActionBar title="Events"></ActionBar>
<GridLayout>
    <RadListView [items]="events">
        <template tkListItemTemplate let-event="item">
            <StackLayout orientation="vertical">
            <Image [src]="'https:' + event.image" stretch="aspectFit"></Image>
            <Label [nsRouterLink]="['/event', event.id]" [text]="event.title"></Label>
            </StackLayout>
        </template>
    </RadListView>
</GridLayout>

应用程序因以下错误而崩溃

file:///app/tns_modules/nativescript-telerik-ui/listview/listview.js:1034:104: JS ERROR TypeError: undefined is not an object (evaluating 'itemViewDimensions.measuredWidth') Feb 5 11:40:53 Marcuss-iMac com.apple.CoreSimulator.SimDevice.1A8C1E25-DAC0-4BA0-822E-5A6F731F1CD7.launchd_sim[31919] (UIKitApplication:org.nativescript.t4g[0x7b2a][36194]): Service exited due to Segmentation fault: 11

不确定我是否错过了在某个地方导入某些内容，但文档非常粗略，很难确定并查看示例

Answer 1

LISTVIEW_DIRECTIVES 适用于带有 Javascript 的 Nativescript。

对于 Angular2:

安装插件tns插件添加nativescript-telerik-ui在使用 tns 进行重建之后，运行 android 以使新插件正常工作。

在module.ts中添加:

从“nativescript-telerik-ui/listview/angular”导入{ NativeScriptUIListViewModule }；

并在同一文件中:

在@NgModule导入中添加:NativeScriptUIListViewModule，

一切都会准备就绪。