ハンドルバーの混乱私はそれを取得しません

Question

私は完全にデバッグするために最善を尽くしましたが、私はなぜこのコードが動作しないのか分かりません..私は自分の誤りを知っていますが、私がコード内の3つの問題を参照してください男

https://codepen.io/blaze4dem/pen/zZmqKa

var docs = document.getElementById('pag_temp').innerHTML; 
var template = Handlebars.compile(docs); 

Handlebars.registerHelper("makeradio", function(name, options){ 
     var radioList = options.fn(); 
     radioList = radioList.trim().split("\n"); 

     var output = ""; 
     for(var val in radioList){ 
     var item = radioList(val).trim(); 
     output += '<input type="radio" name="'+ name +'" value="'+ item +'"> '+ item + '<br/>'; 
     }; 
     return output; 
    }); 

    var tempdata = template({}); 
    document.getElementById('dynamic').innaHTML += tempdata; 

Answer 1

を助けてください。

• for inは、オブジェクトを反復処理するのが最適です。この場合、出力を分割すると配列になります。代わりにユーザーforループ。
• 要素を置き換えるときに、タイプミスがあります。あなたがプロパティにアクセスしたい場合は、innerHTML
• radioList（val） - >()がメソッドを呼び出します。したがって、それは[]でなければなりません。

このアプローチを試すことができます。しかし、私は強くあなたが別の区切り文字を使用しての代わりに、あなたの答え仲間のため\n

var docs = document.getElementById('pag_temp').innerHTML; 
var template = Handlebars.compile(docs); 

Handlebars.registerHelper("makeradio", function(name, options) { 
    debugger; 
    var radioList = options.fn(); 
    var hasSpaces = radioList.indexOf(' ') > -1; 
    var hasNewLines = radioList.indexOf('\n') > -1; 

    if (hasNewLines) { 
    radioList = radioList.trim().split("\n"); 
    } else if (hasSpaces) { 
    radioList = radioList.trim().split(" "); 
    } 

    var output = ""; 
    // for in is best to iterate over objects. 
    // use for loop instead 
    for (var i = 0; i < radioList.length; i++) { 
    var item = radioList[i].trim(); 
    output += '<input type="radio" name="' + name + '" value="' + item + '"> ' + item + '<br/>'; 
    }; 
    return output; 
}); 

var tempdata = template({}); 
document.getElementById('dynamic').innerHTML += tempdata; 

Check Fiddle