AngularJS教程二十三—— 通用下拉指令

通用下拉指令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"設定下拉框的寬度