这是我的简化模板:
<div>
<img ng-click="addSubPlots($event)"
data-status="add"
src="abc.svg" />
</div>
这是加载该模板的指令:
a.directive("trendChartToolbar", function ($templateRequest, $compile) {
return {
link: function (scope, elem, attrs) {
$templateRequest('template.html').then(function (html) {
var template = angular.element(html);
$(elem).append(template);
template = $compile(template)(scope);
});
}
};
});
我的期望是,我将能够访问模板的数据集并修改'status'键。但是当我检查它时,数据集是空的。我知道Angular会删除“数据”,但我也看不到任何“状态”。任何想法如何使这种工作?我尝试此操作的原因是当我单击按钮时需要获取按钮的状态。这是我在控制器中使用的代码:
$scope.addSubPlots = function(event){
console.log(event.target.dataset.status);
}
请分享一些想法。
谢谢