离子下拉选择问题

Cra*_*oiD 1 html dropdownbox ionic-framework

我是离子的新手,我有关于离子下拉选择组件的这个问题.我已经实现了一个下拉列表,我想显示我在标签中选择的选项.我怎么能这样做?目前我只能选择一个选项,就是这样.我想在标签中显示我选择的选项.

在此输入图像描述

在这里,我想显示我在"选择您的银行标签"中选择的选项.

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

<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>
Run Code Online (Sandbox Code Playgroud)

小智 7

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

<select ng-model="myVariable">
Run Code Online (Sandbox Code Playgroud)

在控制器中,您可以设置起始值.

$scope.myVariable = 'Hello, world!';
Run Code Online (Sandbox Code Playgroud)

然后你就可以在你的HTML中显示它.

<div>{{myVariable}}</div>
Run Code Online (Sandbox Code Playgroud)

我建议你做一些关于离子框架和角度js文档的阅读.:)