如何添加一个class到Meteor useraccounts:semantic-ui？

Question

我正在使用 useraccounts:semantic-ui 并且我想在 login/logout 按钮上添加一个 class 主。

这是我正在使用的代码：

<div class="item">{{> atNavButton }}</div>

呈现如下：

<div class="item">
     <div class="ui button" id="at-nav-button">Sign Out</div>
</div>

我想要的是能够添加一个 class 主节点，以便它呈现为 class="ui primary button"?

有人知道我该怎么做吗？

Answer 1

您需要安装 aldeed:template-extension 才能用您的自定义模板替换模板 atNavButton。

1. 运行 meteor add aldeed:template-extension.
2. 创建您的自定义模板：

---

<template name="atNavButtonCustom">
  <div class="item">
    <div class="ui primary button" id="at-nav-button">{{text}}</div>
  </div>
</template>

---

3. 调用 replaces 函数以便呈现模板 atNavButtonCustom 而不是 atNavButton:

---

if (Meteor.isClient) {
  Template.atNavButtonCustom.replaces("atNavButton");
}