javascript - 使用 $templateRequest 时，2 向绑定很多

Question

我有一个模板，它是使用 $templateRequest 加载的。我在模板中有一个文本区域。textarea 填充在控制器中设置的值。但是当我试图访问控制器方法中的 textarea 时，它不会更新值。

模板

<div class="panel add-notes">
    <div class="panel-body">
        <textarea ng-model="quickNote" rows="5"/>
        <button ng-click="saveNotes()">Add Note</button>
        </div>
    </div>
</div>

加载模板的方法

$scope.displayPanel = function(templateName){
    var templateURL = resourceURL+templateName+".html";

    $templateRequest(templateURL).then(function(template) {
        $compile($("#modalContent").html(template).contents())($scope);
    },function() {
       //ERROR HANDLER
    });
};

控制器方法

$scope.saveNotes = function(){
    console.log($scope.quickNote);
}

在控制台日志中， 的值quickNote显示为undefined。有什么决议吗？