Angularjs изолированного объема динамически передать атрибут имя

Question

Я пытаюсь сделать директивы, которые делают пирушку из данных контроллера

вот мой

---------- контроллера ----- ----

myApp.controller('myCtrl', function($scope){ 

       $scope.outfit = { 
        name : 'guess', 
        price : '100$' 
       }; 

       $scope.myLook= { 
        name : 'guess', 
        price : '100$' 
       }; 

       $scope.tabs = [ 
        { title:"THE RUNWAY" , data : 'outfit'}, 
        { title:"MY LOOK", data : 'myLook'}, 
       ]; 
    ); 

------ Моя Директива --------

myApp.directive('bxSlider',function(){ 
    return { 
      restrict : 'E', 
      templateUrl : require.toUrl('../partials/bxSlider.html'), 
      replace: true, 
      scope: { 
       outs : "=" 
      } 
    } 
}); 

------ Мой шаблон --------

<div ng-controller="myCtrl"> 
    <div ng-repeat="tab in tabs"> 
     <bx-slider outs="{{ tab.data }}" /> 
     // i want my outs param value as the output of tab.data as param 
     // i.e outfit or mylook **how can i do that is there any workaround** 
    </div> 
</div> 

jsfiddle link

Answer 1

Его рабочий проверить его. Я изменил scope variable от directive Fiddle Sample