AngularJS, Dropdpown set given boolean value as predefined text

Question

I have predefined scope values:

$scope.synchronizationStates =
                            [
                                true,
                                false
                            ];

And i have defined select:

<select class="form-control"  data-ng-model="projectDetail.synced" data-ng-options="synced for synchronizationState in projectDetail.synchronized">
</select>

I would like to have for state false display preselected value "NOT_SYNCED" and for true "SYNCED" And also change state value if value is changed by user.

How can I do it please using AngularJs?

Thanks for any advice.

Łukasz Ł · Accepted Answer · 2014-11-06 15:00:52Z

1

In controller use :

 $scope.synchronizationStates  = [
    {text:'not synced',value:false},
    {text:'synced',value:true},
    ]

and in html

<select ng-model="selected" ng-options="value.value as value.text for value in synchronizationStates"></select>

working plunker here a link!

answered Nov 6, 2014 at 15:00

Łukasz Ł

513 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

yonia · Accepted Answer · 2014-11-06 14:55:36Z

0

I think its better for you to use something like this

    ng-options="e as e for e in synchronizationStates "></select>

and maybe make each element in the array an object with string for the name and true or false for the value

answered Nov 6, 2014 at 14:55

yonia

1,7511 gold badge14 silver badges12 bronze badges

Collectives™ on Stack Overflow

AngularJS, Dropdpown set given boolean value as predefined text

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related