can't get selected value using single selection mode

[c0debreaker]

Hi,

I made a dropdown using your example on number 5, Single selection mode with no helper elements, just like a normal drop down menu.

I can't figure out which value will contain the selected menu. I tried $scope.name but it was undefined. I tried output-model but it's for multiple selections.

Any help would be greatly appreciated!

[c0debreaker]

Here is my workaround. It works but I'm not sure if it's the right approach

    $scope.close = function() {
        console.log( 'multi-select: on-close' );
        $scope.selected = $scope.singleWebBrowsers.filter(function(thing) {
            return thing.ticked
        });
    }

then on my template, I'm using

{{selected[0].name}}

though I won't really use the variable in the template.

I'm actually going to use it as an input to a SQL query statement

[c0debreaker]

You can close this ticket. The solution I'm using is good enough.

[isteven]

Hi @c0debreaker ,

Easiest way to get the selected item:

loop your-input-model:
    if your-input-model.your-tick-property === true then
        // process data here
        ...
        ...
        break; // since this is a single selection mode then we no longer need to process the rest
    end if
end loop