在Meteor中重新启用/禁用超链接

场景：

我在仪表板的侧栏上有一个简单的超链接

<a href="/client/workspace">
    <i class="fa fa-laptop"></i> <span>Workspace</span>
</a>

问题：

只有当

条件

为

真

时，才能单击启用超链接，否则必须禁用超链接

有什么建议吗？提前谢谢

注意：仅使用流星+火焰

理想情况下，

可以真正禁用（只需将

禁用属性值设置为您的条件的结果）

始终可以单击
链接，因此根据您想要的用户界面，我们可以想象：


将链接隐藏在透明的（可能有一些不透明的）
后面，这样就不能再单击它了。必须小心地定位
，同时可以轻松设置其存在/不存在（例如，使用具有
显示：无
样式的类）

侦听链接上的
“单击”
事件，并根据您的条件结果阻止默认行为（即
事件.preventDefault（）
，其中
事件是侦听器的第一个参数）

理想情况下，
确实可以被禁用（只需将
禁用属性值设置为您的条件的结果）

始终可以单击
链接，因此根据您想要的用户界面，我们可以想象：


将链接隐藏在透明的（可能有一些不透明的）
后面，这样就不能再单击它了。必须小心地定位
，同时可以轻松设置其存在/不存在（例如，使用具有
显示：无
样式的类）

侦听链接上的
“单击”
事件，并根据您的条件结果阻止默认行为（即
事件.preventDefault（）
，其中
事件是侦听器的第一个参数）

如果您坚持要为链接设置一个链接，请删除href属性并使其像以下按钮一样工作：

<a class="myLink" role="button" link="/client/workspace">
    <i class="fa fa-laptop"></i> <span>Workspace</span>
</a>

Template.yourTemplate.events({
    '.myLink': function (event) {
       event.preventDefault();
       if (CONDITION) {
           // your code to redirect to event.target.link
       }
    }
})

如果您坚持要为链接设置一个链接，请删除href属性并使其像以下按钮一样工作：

<a class="myLink" role="button" link="/client/workspace">
    <i class="fa fa-laptop"></i> <span>Workspace</span>
</a>

Template.yourTemplate.events({
    '.myLink': function (event) {
       event.preventDefault();
       if (CONDITION) {
           // your code to redirect to event.target.link
       }
    }
})

那是闪电般的快速反应。