雙向綁定的指令是在模板內部不起作用

我一直在嘗試整個下午解決以下問題：我組成了一個顯示搜索表單的指令。 searchterm的模型在控制器中定義並完美地與指令通信。但是：當我將這個指令放在一個Angular模板中時，這個指令是在DOM準備好之後加載的，它只是進入指令的一種方式，而不是返回。雙向綁定的指令是在模板內部不起作用

<body ng-app="myApp"> 
<div ng-controller="NewEditCtrl"> 

    <script type="text/ng-template" id="/tab-content.html"> 
    <!-- First position for the directive: The way back from the directive to here does not work --> 
    <!-- Uncomment to test and show the console output ! --> 

    <!-- <span mediasearch term="searchterm" enter="sendForm(e)" action="refreshAvailable()"></span> --> 
    </script> 
     <!-- Second position: Here the way back from the directive works perfectly --> 
     <span mediasearch term="searchterm" enter="sendForm(e)" action="refreshAvailable()"></span>  
    <div id="tab-content" ng-include src="tabcontent"></div> 

</div>

我把例如在工作小提琴：http://jsfiddle.net/RCaCM/2/請參見注釋。

我想這是一個範圍問題，但我不明白$ apply或$ compile的意思。

在此先感謝您的幫助。 XL

來源

2013-08-21 dryhead