AngularJS指令-访问元素的数据集

时间:2018-10-19 10:24:54

标签: html angularjs

这是我的简化模板:

<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);
}

请分享一些想法。

谢谢

0 个答案:

没有答案