多个 select angular nativescript

Question

我需要为我的 nativescript angular 应用构建一个多项目 select UI 元素。似乎没有支持多个 selection 的 nativescript UI 组件。关于如何为我的应用程序实现此功能的任何示例？

Answer 1

使用 Nativescript UI。列表视图和侧边抽屉是免费的。

http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/ListView/selection

多选 - 允许选择多项。 RadListView 跟踪哪些项目被选中并通过 getSelectedItems() 方法公开它们。通过将 multipleSelection 属性设置为 true 来启用多重选择。

<RadListView [items]="dataItems" selectionBehavior="Press" multipleSelection="true">
    <!-- << angular-listview-item-selection-multiple -->
        <template tkListItemTemplate let-item="item">
            <StackLayout class="listItemStackLayout">
                <Label class="nameLabel" [text]="item.name"></Label>
                <Label class="descriptionLabel" [text]="item.description"></Label>
            </StackLayout>
        </template>
        <ListViewLinearLayout tkListViewLayout itemHeight="50" scrollDirection="Vertical"></ListViewLinearLayout>
</RadListView>

连同 UI 试用版下载，还有一个演示示例。玩那个。

多个 select angular nativescript

multiple select angular nativescript

nativescript

angular2-nativescript

angular