Namespace: invenioSearchSelectBox

invenioSearchSelectBox

The invenioSearchSelectBox directive
Source:

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

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.
Source:
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.
Source:

(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.
Source:
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.
Source:
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>