'呈現'事件不在流星發射

Question

我想在流星模板中的字段上使用JQuery的自動完成功能。據我所能研究，你應該通過將模板的「呈現」事件掛接到調用JQ的$（someElement）.autocomplete（）函數的處理程序來實現此目的。當我嘗試這個時，沒有任何反應，並且據我所知，模板的「已呈現」事件的事件處理程序從未運行過。

這裏是模板：

<template name="loginOrWelcome"> 
    {{#if isLoggedIn}} 
    <p>You are logged in as {{getUsername}}.</p> 
    <button type="button" id="logout">Log out</button> 
    {{else}} 
    <form class="login"> 
     <input type="text" placeholder="Who are you?" id="loginName"/> 
     <button type="button" id="submit">Log in</button> 
     <span id="errorSpan"></span> 
    </form> 
    {{/if}} 
</template> 

這裏的處理程序：

Template.loginOrWelcome.events({ 
    "rendered": function() { 
     var users = userCollection.find({}); 
     var arr = []; 
     for(user in users) { 
     arr.push(user.name); 
     } 
     alert("rendered: found " + arr.length + " names"); // This never pops up. Ever. 
     $("#loginName").autocomplete({ 
     "source": arr 
     }); 
    } 
    }); 

這是流星1.0。請注意，我是一個完全流星noob，所以如果我失去了超級明顯的東西，請隨時給我啓發。

Answer 1

我想你想使用Template.loginOrWelcome.rendered（https://docs.meteor.com/#/basic/Template-rendered）。作爲一項測試你可以做

Template.loginOrWelcome.rendered = function() { 
     console.log("get collections"); 
     var users = userCollection.find({}); 
     for (user in users) { 
      console.log(user); 
     } 
    } 

你可能想要限制用戶集合。而不是做isLoggedIn，我認爲{{currentUser}}更常見（https://docs.meteor.com/#/basic/currentUser）。