如何在单击按钮时显示选项下拉列表

Question

我只是从ionic框架开始，尝试将现有的bootstrap / angular应用程序重做为移动设备上的混合应用程序。

在ionic中有没有一种惯用的方式来制作下拉菜单？我搜索了ionic网站/论坛，也用谷歌搜索了一下，但没有找到。比如bootstrap single button dropdown。我对JavaScript没意见，但我不喜欢。

会很感谢你的帮助。

--编辑

谢谢，TechMa9iac。我正试着遵循这条路线。

我正在尝试使用angular创建一个2级下拉列表。我对我的数据进行了建模，就像在ngSelect文档中一样。

$scope.currSel = null;
$scope.metadata = [
    { proc: "Proc-1", board: "Alloc" },
    { proc: "Proc-1", board: "Manager" },
    { proc: "Proc-1", board: "Ops" },
    { proc: "Proc-2", board: "Alloc" },
    { proc: "Proc-2", board: "Manager" },
    { proc: "Proc-3", board: "Alloc" },
    { proc: "Proc-3", board: "Manager" }
];

HTML

<span>{{item.proc}}
<select ng-model="currSel"
        ng-options="item.board group by item.proc 
                        for item in metadata">
</select>

我在html中单独显示proc值，因为选择文本区域只显示board值(select中的标签)。

Answer 1

当ng-options中的ng-model是一个对象时，它必须是对值数组/ dict元素之一的对象引用。它不能是angular.copy。

更新的plunker