angularjs - How to reference a value of an object by property? -

i have angularjs object this:

$scope.afterlogin = [     {value: 'customers|follow-ups', text: 'follow ups'},     {value: '', text: 'not set'} ]; 

i'm trying use xeditable follows:

<span     editable-select="user.default_module"     e-ng-options="s.value s.text s in afterlogin"     e-name="default_module"     e-form="rowform">{{s[user.default_module] s.text s in afterlogin}}</span> 

what trying show text-property in afterlogin defined user.default_module. doing wrong? getting parse errors on s[user.default_module] as - how reference property of object in scope?

note: wrapped ng-repeat="user in users".

you trying display selected value in strage way. in official example using filter purpose. however, can simplify builing value: label map, i.e.:

$scope.afterloginlabels = {}; (var = 0; < $scope.afterlogin.length; i++) {   $scope.afterloginlabels[$scope.afterlogin[i].value] = $scope.afterlogin[i].text;    } 

then, display text value as:

<span [...]>{{ afterloginlabels[user.default_module] }}</span> 

see jsfiddle.