Как делиться областью действия с трансформированными элементами?

Question

Я пытаюсь создать директиву с переходом. Проблема заключается в том, что объем заочной части отличается от области действия директивы. Я пробовал это на plnkr вот ссылка - http://plnkr.co/edit/vDfXs9zyfAngPqmFCiZR?p=preview Я хочу, чтобы директива имела изолированный охват, но могла переключаться между вкладками, на основе которых нажата кнопка.

index.html 
<maple-multistep-form steps="steps"> 
<span>transcluded scope - {{selection}}</span> 
<div ng-switch="" on="selection"> 
    <!-- First Step --> 
    <div ng-switch-when="Step 1: Team Info"> 
    <ng-include src="'step1.html'"></ng-include> 
    </div> 
    <!-- Second Step --> 
    <div ng-switch-when="Step 2: Campaign Info"> 
    <ng-include src="'step2.html'"></ng-include> 
    </div> 
    <!-- Third Step --> 
    <div ng-switch-when="Step 3: Campaign Media"> 
    <ng-include src="'step3.html'"></ng-include> 
    </div> 
</div> 

Answer 1

Попробуйте пропусканием 'выбор' в директиве.

http://plnkr.co/edit/23QO2UGvKwwXK7PRo2bJ?p=preview

<maple-multistep-form steps="steps" selection="selection"> 

и внутри

scope: { //comment scope to make the directive have shared scope, this makes the directive work fine 
    steps: '=', 
    selection: '=?' 
},