Question

我刚开始使用离子框架，尝试将现有的bootstrap / angular应用程序重做为移动应用程序。

是否有惯用的方法在离子中进行下拉菜单？我搜索了离子网站/论坛，也用Google搜索但没有运气。像bootstrap single button dropdown一样。我对JavaScript很好，但HTML / CSS不是我的一杯茶。

非常感谢您的帮助。

- 编辑

感谢TechMa9iac。我试图遵循这一行。

我正在尝试使用角度进行2级下拉？我已经像在ngSelect doc中那样对我的数据进行了建模。

$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是一个对象时，它必须是一个值array / dict元素的对象引用。它不能是angular.copy。

更新了plunker

离子如何显示按钮单击时的下拉选项

1 个答案: