启用/禁用 Meteor 中的超链接

Question

场景：

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

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

问题：

仅当true超链接时，超链接必须启用CONDITION，否则必须将其禁用。

有什么建议吗？提前谢谢。

注意：仅使用流星+火焰

Answer 1

如果您坚持使用 for 链接，请删除 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
       }
    }
})

Answer 2

理想情况下，<button>确实可以disabled(只需将disabled属性值设置为条件的结果(。

始终可以单击<a>链接，因此根据您想要的UI，我们可以想象：

• 将链接隐藏在透明(可能具有一些不透明度(<div>后面，以便无法再单击它。<div>的定位必须小心完成，而它的存在/不存在可以很容易地设置(例如，使用具有display: none样式的类(。
• 侦听链路上的"click"事件并防止默认行为(即 event.preventDefault() ，其中event是侦听器的第一个参数(，具体取决于您的条件结果。