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