Угловая директива атрибуты не передается в область видимости

Question

аргументы моих угловых директивах не получают перешли в сферу:

app.directive('sectionLeft', function() { 
    return { 
    restrict:'E', 
    scope: { 
     sectionContent: '=', 
     sectionImg: '=' 
    }, 
    templateUrl: 'partials/section_left.html' 
    }; 
}); 

app.directive('sectionRight', function() { 
    return { 
    restrict:'E', 
    scope: { 
     sectionContent: '=', 
     sectionImg: '=' 
    }, 
    templateUrl: 'partials/section_right.html' 
    }; 
}); 

Они называются здесь:

<div ng-repeat="content in data.home"> 
    <section-left ng-if="$even" sectionContent="{{content}}" sectionImg="http://placehold.it/700x450"></div> 
    <section-right ng-if="$odd" sectionContent="{{content}}" sectionImg="http://placehold.it/700x450"></div> 
</div> 

и выглядеть следующим образом :

<div class="section"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-6 col-md-6 col-sm-6"> 
       {{sectionContent}} 
      </div> 
      <div class="col-lg-6 col-md-6 col-sm-6"> 
       <img class="img-responsive" src="{{sectionImg}}"> 
      </div> 
     </div> 
    </div> 
</div> 

Результатом является просто пустое пространство без содержимого, но я вижу атрибуты, директивный элемент. Что происходит?

Заранее благодарен!

Answer 1

Необходимо удалить {{}}, чтобы передать переменные области действия в директиву с использованием = в изолированном объеме.

section-content="content" 

Это будет означать, что 2 способ привязки будет переменной родительской области имени content