meteor-accounts-ui-bootstrap-3：將{{> loginbuttons}}更改爲圖標

Question

我在我的流星應用程序中使用meteor-accounts-ui-bootstrap-3來讓用戶註冊並登錄。這很好。 但現在我想改變，{{ > loginButtons }}顯示什麼。現在我看到'登錄/註冊'。但我想用字體真棒圖標<i class="fa fa-user"></i>來代替它。只是一個圖標，沒有文字。

但我無法找到正確的位置進行此更改。

我試圖做的：

accountsUIBootstrap3.map('en', { 
    loginButtonsLoggedOutDropdown: { 
     signIn: '<i class="fa fa-user"></i>', 
     up: "Register" 
    } 
}) 

但這HTML將不會被渲染。此外，我無法刪除/，它仍將顯示在「註冊」前面。

Answer 1

/被硬編碼爲here。您可能能夠通過修改後的版本替換_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> 

一些客戶端的js代碼：

Template._loginButtonsLoggedOutDropdown = Template.my_loginButtonsLoggedOutDropdown;