在角度指令模板中动态添加和删除属性

Question

您好我有一个指令，用于构建一个div标签，用于在我的网页上嵌入信息的实时预览。在我的指令中，我有一个构建这个div标签的模板。

但是，我只希望在我的网页上选择的必要属性包含在div标签中。

在我的指示中，我有：

var temp = "<div data-feed class='feed-element' data-num-activities={{numAct.qty}} data-activity-source='{{mySourceSelections[0].SourceId}}' data-activity-actions data-activity-action-social={{socialMediaEmbedSelection()}} data-content-limit={{contentLimit}} data-activity-action-event data-no-activities-message={{noActivitySelection}} id='FeedEmbed'></div>";

    return {
        restrict: 'E',
        scope: false,
        template: temp
    };

现在，当在我的网页上呈现此div时，特定属性会在范围内查看动态更新由各种ng模型绑定的字段（例如，活动数量，内容限制等）。但是，我想添加/删除某些属性，具体取决于用户是否已选择包含该选项。例如，如果未选择，则data-activity-action-event不应位于div标记中。我该怎么做？

我正在考虑使用span和ng-show以及ng-hide功能，但我不确定这是否可行，因为我需要添加/删除属性。