html - ionic 下拉选择问题

标签 html ionic-framework dropdownbox

我是 ionic 的新手,我有关于 ionic 下拉选择组件的问题。我已经实现了一个下拉菜单,我想显示我在标签中选择的选项。我该怎么做?目前我只能选择一个选项,仅此而已。我想在标签中显示我选择的选项。

enter image description here

在这里我想显示我在“选择您的银行标签”中选择的选项。

这就是我实现下拉选择组件的方式

<label><h4><b>Bank Name*</b></h4></label>



 <div class="list">
        <div class="item item-input item-select">
            <div class="input-label">
                Select your Bank
            </div>
            <select>
                <option>Bank1</option>
                <option>Bank2</option>
                <option>Bank3</option>
            </select>
        </div>
    </div>

最佳答案

将模型添加到您的选择中。这将在范围内创建一个变量,您可以在其他地方使用它。

<select ng-model="myVariable">

在您的 Controller 中,您可以设置一个起始值。

$scope.myVariable = 'Hello, world!';

然后您可以像这样在您的 HTML 中显示它。

<div>{{myVariable}}</div>

我建议您阅读 ionic 框架和 angular js 文档。 :)

关于html - ionic 下拉选择问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25988165/

相关文章:

html - CSS 立方体无法正确旋转

javascript - 使用 JavaScript 操作对 DOM 元素的引用

javascript - 将图像 png 文件对齐到左下角的最佳方法?

c# - 使用标题和行列表创建 View

android - Cordova fileTransfer 在 iOS 上完美运行,在 Android 上抛出错误代码 = 1

javascript - Ionic Js - 将 Node 更新到 4.1.1 后出现错误 (Windows)

javascript - 使用 ng-if 重复收集导致 'webkitTransform' 错误

asp.net - 在网站 URL 中显示下拉所选项目

PHP 带有多个下拉框的搜索

JavaScript - 从由换行符分隔的字符串中选择多个下拉列表