流星隨機顏色選擇器

Question

我寫了這個函數，它應該從這個數組中顯示一個隨機顏色，但它總是顯示第一個。 我的代碼有問題嗎？ 我試過谷歌搜索並檢查了流星文檔，但沒有發現任何有用的東西。

randomInitials: function () {
   var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
   var nLetter = chars.charAt(Math.floor(Math.random()*chars.length));
   var sLetter = chars.charAt(Math.floor(Math.random()*chars.length));
   var colors = ["#e57373","#f06292","#ba68c8","#9575cd","#7986cb","#64b5f6","#4fc3f7","#4dd0e1","#4db6ac","#81c784","#aed581","#dce775","#fff176","#ffd54f","#ffb74d","#ff8a65","#a1887f","#e0e0e0","#90a4ae"];

   return colors[Math.floor(Math.random()*colors.length)];
   return nLetter + sLetter;
},

<div class="other-profile">
    <span>{{memberData.profile.initials}}</span>
</div>

現在它看起來像這樣：

我要這個：

Answer 1

由於您只返回顏色，您的助手需要看起來像

randomInitials: function () {
    var colors = ["#e57373","#f06292","#ba68c8","#9575cd","#7986cb","#64b5f6","#4fc3f7","#4dd0e1","#4db6ac","#81c784","#aed581","#dce775","#fff176","#ffd54f","#ffb74d","#ff8a65","#a1887f","#e0e0e0","#90a4ae"];
    return colors[Math.floor(Math.random()*colors.length)];
},

在您的模板中：

<div class="other-profile" style="background-color: {{randomInitials}}">
    <span>{{memberData.profile.initials}}</span>
</div>