Directive

HTML

<div ng-app="myApp">
<div ng-controller="TestCtrl">
<div class="col-md-4 col-lg-4 col-xs-6" style="padding: 10px" ng-repeat="dbdata in dbdatas">
   <div>
                            {{dbdata.name}} : <span class="list_text">{{dbdata.value}}</span>   
                            <!--something like {{dbdata.name}} : <span show-value class="list_text">{{dbdata.value}}</span>-->
                            
                        </div>
                    </div>
</div>
 
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('TestCtrl',function($scope){
$scope.jsonData=[{"_id":"56f90a9a51ec8f20e786a9e7","name":"Eleget","options":[{"key":"Y","value":"Once"},{"key":"M","value":"More than once"}]},{"_id":"56f90a9a51fs8f20e786a9e7","name":"MoliRet","options":[{"key":"L","value":"Let"},{"key":"R","value":"Ret"}]}];

$scope.dbdatas=[{name:'MoliRet',value:'L'},{name:'MoliRet',value:'R'},{name:'Eleget',value:'M'}];
});

/*app.directive('showValue',function(){
return{
	restrict:'A',
  link:function(scope,ele,attr){
  
  }
}
});*/