継承された要素でディレクティブスコープを共有するにはどうすればよいですか？

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: '=?' 
},