The invenioSearchSelectBox directive
Example
Usage:
<invenio-search-select-box
sort-key="sort"
available-options='{
"options": [
{
"title": "Title",
"value": "title"
},
{
"title": "Date",
"value": "date"
}
]}'
template='TEMPLATE_PATH'>
... Any children directives
</invenio-search-select-box>
Methods
(static) link(scope, element, attrs, vm)
Force apply the attributes to the scope
Parameters:
Name | Type | Description |
---|---|---|
scope |
service | The scope of this element. |
element |
service | Element that this direcive is assigned to. |
attrs |
service | Attribute of this element. |
vm |
invenioSearchController | Invenio search controller. |
(static) link(scope, element, attrs, vm)
Force apply the attributes to the scope
Parameters:
Name | Type | Description |
---|---|---|
scope |
service | The scope of this element. |
element |
service | Element that this direcive is assigned to. |
attrs |
service | Attribute of this element. |
vm |
invenioSearchController | Invenio search controller. |
(static) templateUrl(element, attrs)
Choose template for search loading
Parameters:
Name | Type | Description |
---|---|---|
element |
service | Element that this direcive is assigned to. |
attrs |
service | Attribute of this element. |
- Source:
Example
Minimal template `template.html` usage
<div id="hist"></div>
<div id="select"></div>
(static) templateUrl(element, attrs)
Choose template for search loading
Parameters:
Name | Type | Description |
---|---|---|
element |
service | Element that this direcive is assigned to. |
attrs |
service | Attribute of this element. |
Example
Minimal template `template.html` usage
<select ng-model="data.selectedOption">
<option ng-repeat="option in data.availableOptions.options"
value="{{ option.value }}"
ng-selected="isSelected(option.value)"
>{{ option.title }}</option>
</select>
(static) templateUrl(element, attrs)
Choose template for search loading
Parameters:
Name | Type | Description |
---|---|---|
element |
service | Element that this direcive is assigned to. |
attrs |
service | Attribute of this element. |
Example
Minimal template `template.html` usage
<select name="select-order-{{ data.sortKey }}" ng-model="whichOrder" ng-change="handleChange()">
<option value="x" ng-selected="whichOrder != '-'">asc.</option>
<option value="-" ng-selected="whichOrder == '-'">desc.</option>
</select>