我想將模板中的內容綁定到Angular應用程序中的數據。該模板被存儲在一個HTML文件和包含綁定表達式:將模板綁定到AngularJS中的數據
<div>
<div class="case-header">
<h3>Case Details</h3>
</div>
<div class="case-body">
<div>
<label>Case Number:</label><div>{{item.CaseNumber}}</div>
</div>
<div>
<label>Name:</label><div>{{item.CandidateName}}</div>
</div>
...
</div>
</div>
提供模板的上下文和數據元素是在NG-網格的行。在下面的函數中,我創建了一個新的作用域來包含當前行的數據。在構建控制器時,模板的內容將從html文件中檢索並緩存到屬性中。但是,$ compile調用不會根據需要綁定數據。該函數返回模板標記,並且綁定表達式仍在其中。我已經嘗試了兩種綁定表達式的樣式。
$scope.getTooltip = function (row) {
var scope = $scope.$new();
scope.item = row.entity;
var elem = angular.element($scope.template);
var result = $compile(elem)(scope);
return result.html();
};
至$調用編譯看起來是正確的可見documentation,但我想我一定是誤解了什麼。
如何獲取注入模板的數據值?
Plunker
這裏有一個Plunker一起玩。
你能分享你完成的代碼在掠奪者或小提琴 –
添加和鏈接上面的主要文章。 –