This page illustrates features and use of AngularJS library ng-skos (version {{version}}). See the API reference for details.

skos-concept

Choose sample concept to display:

Used as element or attribute to display a concept.

Interactive elements can be added, for instance to change the concept on clicks by loading from a terminology server. (See skos-browser below, for an example using the german RVK concept scheme)

skos-label

Used as attribute to emit the preferred label of a concept. The lang attribute of the directive element is read and set accordingly. If no label of the required language exists, the directive will look for a country-language code (i.e. "en-US" for language "en") as well. This works both ways, so for a given country-language code the language code will be considered. Also, if multiple comma-separated languages are provided, the first one to be found will be selected.

skos-notes

Used to display the documentation fields of a concept:
This is utilized by skos-concept, but can also be used to display those fields on their own. Skos-notes' standard template makes use of the skos-label directive and therefore inherits its language selection feature.

skos-tree

Chose concept scheme to display:
This directive implements a way to display a hierarchical (part of a) concept scheme.

skos-browser

Select a top concept for browsing from this skos-list!

The directive combines skos-concept (see Concept) with a typeahead search field for concept labels provided by the module ng-suggest, as well as a function to look up specific notations. The box below displays the topmost concepts of the RVK concept scheme. Clicking its links will update the browser's content.

skos-list

Displays selected concept labels in a list format
Select concepts by using the skos-browser to display them in a skos-list.
Removable concepts Show item labels
Select concepts and add them to the concept list:
The directive provides an internal function to remove list entries (), as well as an external onSelect() to select a concept from the list, which can then be used elsewhere. The standard template utilizes this function when a label is clicked. In this demo, the function will refresh the concept shown in the adjacent skos-browser.

When a list item is focused, the list can be navigated and manipulated via keyboard (arrow keys to navigate, Enter to select and Del to remove the selected item).

The attributes removeable and show-labels determine, if items should be allowed to be removed and if the preferred labels should be displayed, respectively.

skos-mapping-table

Select concepts withfrom the skos-mapping-table to add them to a skos-list.

This directive provides a way to display mappings of concepts in the JSKOS format.