通用下拉指令ed-combo

通用下拉指令扩展了普通的select下拉菜单,能够自定义下拉菜单的内容。

一 使用方法:

<div class="form-group">
    <label class="col-md-3 control-label">通用下拉菜单</label>

    <div class="col-md-4">
        <div ed-combo="combo" data-options="panelWidth: 300">
            <div>
                <span>自定义下拉内容</span>
                <button type="button" class="btn" ng-click="combo.setText('text');">设置值</button>
                <button type="button" class="btn" ng-click="combo.hide();">关闭</button>
            </div>
        </div>
    </div>
</div>

enter image description here

  • 通过ed-combo指定下拉框的名称
  • 绑定到ed-combo名称下有以下方法:
    • show()显示下拉框
    • hide()隐藏下拉框
    • setText(text)设置输入框的值
  • 通过data-options="panelWidth: 300"设置下拉框的宽度