Dropdown Demo | <uif-dropdown>

In order for this demo to work you must first build the library in debug mode.

Basic usage

This markup:

        <uif-dropdown ng-model="value">
            <uif-dropdown-option value="{{key}}" ng-repeat="(key, value) in values" title="{{value}}">{{value}}</uif-dropdown-option>
        </uif-dropdown>
        

Renders this:
{{value}} Value: {{value}}

Disabled usage

This markup:

            <uif-dropdown ng-model="dropdownValue" ng-disabled="disabled">
                <uif-dropdown-option value="value1">Value 1</uif-dropdown-option>
                <uif-dropdown-option value="value2">Value 2</uif-dropdown-option>
                <uif-dropdown-option value="value3">Value 3</uif-dropdown-option>
                <uif-dropdown-option value="value4">Value 4</uif-dropdown-option>
            </uif-dropdown>
        

Renders this:
Value 1 Value 2 Value 3 Value 4

Disabled
dropdownValue: {{dropdownValue}}