为自定义指令属性添加 nf-if 条件答案

【问题标题】：Add nf-if condition for custom directive property为自定义指令属性添加 nf-if 条件
【发布时间】：2019-04-25 11:19:32
【问题描述】：

以下是我的自定义指令示例

<div ng-if="activitedTab == 'individual-accounts'">
    <ind-table tmodel="choosenInfo.section1.src" ttype="{{activitedTab}}" clickaction="popup"></ind-table>
</div>

如何为属性 clickaction 设置条件，以便仅当范围变量 contentLength 的值为 true 时才能包含此属性。我尝试了以下方式。

<div ng-if="activitedTab == 'individual-accounts'">
    <ind-table tmodel="choosenInfo.section1.src" ttype="{{activitedTab}}" ng-if="contentLength" clickaction="popup"></ind-table>
</div>

但如果 contentLength 的值变为 false，则不会显示整个部分。如果 contentLength 的值为 false，我只想排除 clickaction 属性。

【问题讨论】：

popup 的类型是什么？如果contentLength 存在，则可以使用三元组，如果不发送空数组，则发送popup（例如，如果弹出窗口是数组）
如果 clickaction 在您自己的自定义指令中，则只需在逻辑本身中添加条件。
如果你绝对需要从元素中删除它，你需要创建第二个指令，当你的 contentLength 值发生变化时重新编译元素。

标签： angularjs angularjs-directive angular-ng-if

【解决方案1】：

从自定义指令中移除 ng-if 条件，并使用三元运算符 as-

clickaction="contentLength > 0 ? popup : '' "

【讨论】：