なぜ私のJavaScript関数は流行によって読み込まれないのですか？

Question

私は流星クライアントのフォルダに以下のjsアーカイブを持っている：

var o1, o2, o3, o4, o5, o6, o7, o8, o9, o10; 

window.onload = function() { 

    o1 = document.getElementById("oculta1"); 
    o2 = document.getElementById("oculta2"); 
    o3 = document.getElementById("oculta3"); 
    o4 = document.getElementById("oculta4"); 
    o5 = document.getElementById("oculta5"); 
    o6 = document.getElementById("oculta6"); 
    o7 = document.getElementById("oculta7"); 
    o8 = document.getElementById("oculta8"); 
    o9 = document.getElementById("oculta9"); 
    o10 = document.getElementById("oculta10"); 

    o1.style.visibility = "hidden"; 
    o2.style.visibility = "hidden"; 
    o3.style.visibility = "hidden"; 
    o4.style.visibility = "hidden"; 
    o5.style.visibility = "hidden"; 
    o6.style.visibility = "hidden"; 
    o7.style.visibility = "hidden"; 
    o8.style.visibility = "hidden"; 
    o9.style.visibility = "hidden"; 
    o10.style.visibility = "hidden"; 

}; 


function desplegar1() { 
    o1.style.visibility = "visible"; 
    o5.style.visibility = "visible"; 
    o9.style.visibility = "visible"; 
    alert("hola"); 

} 

function desplegar2() { 
    o2.style.visibility = "visible"; 
    o6.style.visibility = "visible"; 
    o10.style.visibility = "visible"; 
} 

問題は、すべてのそれらの残りの部分（desplegar1、desplegar2が...）ない、のみ最初の関数が実行されていることです作業。誰かが私を助けることができますか？

Answer 1

ようこそ！

HTMLのインラインコードはむしろ角度スタイルです。そのようにコードしたい場合は、angular-compilers流星パッケージをご覧ください。

Blazeを使用すると、JSファイルのスコープが異なる可能性が高いため、HTMLファイルでvarと宣言された関数にHTMLで直接アクセスすることはできません。関数名は、構築/縮小中に変更することさえできます。

ブレイズとの通常の方法は、あなたの場合には例えばattach events to your template（Template.<templateName>.events(eventsMap)）

にある：

Template.myTemplateName.events({ 
    'mouseover td': desplegar1 
}); 

function desplegar1() { 
    o1.style.visibility = "visible"; 
    o5.style.visibility = "visible"; 
    o9.style.visibility = "visible"; 
    alert("hola"); 
}