Javascript meteor-accounts-ui-bootstrap-3:将{{>;登录按钮}}更改为图标

Javascript meteor-accounts-ui-bootstrap-3:将{{>;登录按钮}}更改为图标,javascript,twitter-bootstrap,meteor,meteor-accounts,Javascript,Twitter Bootstrap,Meteor,Meteor Accounts,我在meteor应用程序中使用meteor-accounts-ui-bootstrap-3让用户注册和登录。这也很有效。 但是现在我想改变,{{>loginButtons}显示的内容。现在我看到“登录/注册”。但是我想用字体可怕的图标取代它。只是一个图标,没有文字 但是我找不到合适的地方来做这些改变 我试着做: accountsUIBootstrap3.map('en', { loginButtonsLoggedOutDropdown: { signIn: '<i

我在meteor应用程序中使用
meteor-accounts-ui-bootstrap-3
让用户注册和登录。这也很有效。 但是现在我想改变,
{{>loginButtons}
显示的内容。现在我看到“登录/注册”。但是我想用字体可怕的图标取代它。只是一个图标,没有文字

但是我找不到合适的地方来做这些改变

我试着做:

accountsUIBootstrap3.map('en', {
    loginButtonsLoggedOutDropdown: {
        signIn: '<i class="fa fa-user"></i>',
        up: "Register"
    }
})
accountsUIBootstrap3.map('en'{
loginButtonsLoggedOutDropdown:{
签名:'',
向上:“注册”
}
})

但是这个HTML不会被呈现。此外,我无法删除仍将显示在“寄存器”前面的
/

/
是硬编码的。您可以通过使用修改后的版本替换
\u loginButtonsLoggedOutDropdown
模板来实现所需的功能,方法如下:

一些html文件:

<template name="my_loginButtonsLoggedOutDropdown">
  <li id="login-dropdown-list" class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <b class="caret"></b></a>
    <div class="dropdown-menu">
        {{> _loginButtonsLoggedOutAllServices}}
    </div>
  </li>
</template>
Template._loginButtonsLoggedOutDropdown = Template.my_loginButtonsLoggedOutDropdown;